Springboot+Vue前后端分离项目的部署

Springboot+Vue前后端分离项目的部署

• 项目介绍
• • 项目部署准备
  • 后端部署
  • 数据上传
  • 前端部署
  • 开放端口
  • 总结

项目介绍

本项目是基于springboot+vue的前后端分离的，数据库用的是MongoDB，前端用了vue+echarts，这也是我一个假期的学习成果吧。

项目部署准备

本项目最终是运行在云服务器上的，所以先做一些部署前的准备。（我所列出的软件并非必须，你也可以使用其他软件）

1. 需要用到的软件：
   Navicat Premium：开发的时候是在自己电脑上开发的，所以数据都在自己电脑上，用这个软件可以方便我们将数据库里面的数据添加到云服务器的数据库上。
   FinalShell： 用于连接云服务器，方便上传文件和操作云服务器。
2. 服务器环境：
   jdk8：java环境
   nginx：用于部署前端项目
   MongoDB：数据库
   3.云服务器:
   我使用的是腾讯云的服务器，系统是Cent OS7，当初选择这腾讯服务器的原因之一是因为它有宝塔控制面板，对于我这种Linux小白是非常友好的。

后端部署

所需的软件和环境都准备好了以后，那就开始干吧！
首先先把后端打包。
1、打开IDEA右边的Maven。（有可能版本不同，IDEA的界 面布局不一样，以实际为准）

2、点击package进行后端项目的打包，结束以后，在项目的目录中会出现一个target文件夹，这个文件夹就是打包的项目。

3、进入target文件夹&#x