Springboot+vue前后端分离项目部署上线

后端部署上线

下载FinalShell

首先电脑先下载FinalShell软件，然后在软件中添加自己的自己的服务器地址，输入账号密码，具体操作如下：

数据库部署

后端进行设置数据库，要和数据库的名字对应，账号密码输入自己的，具体操作如下：

然后将数据库部署到云端，这里用的是navicat连接云端的数据库，直接可视化操作，如果有sql文件在查询里面新建查询然后选好数据库跑一遍就好了，具体操作如下：

打包后端文件

然后打开自己的java后端文件，这里用idea打开，然后打包maven成jar或者war格式，具体操作如下：

通过FinalShell上传

将target中生成的jar/war文件进行复制，然后粘贴到自己连接的finalshell里的文件夹中。

在FinalShell上运行

在finalshell上运行上传的文件，指令为

nohup java -jar /ruoyi/breed/ruoyi-admin.jar> /ruoyi/breed/ruoyi.log 2>&1 &

/ruoyi/breed/ruoyi-admin.jar 是运行文件路径， /ruoyi/breed/ruoyi.log 是生成日志路径。
如果要终止运行，指令为ps -ef | grep java然后选中第二列数字使用kill -9加上数字杀死进程。

前端部署上线

设置生产环境地址

在这里的生产环境中添加部署后端的站点，这里的站点要和宝塔面板中添加的一致，操作如下：

打包前端文件

在终端里面cd进入ui所在文件夹，运行命令npm run build:prod，操作如下：

dist文件夹中申请的所有软件复制，直接粘贴到宝塔面板的前端，操作如下：

设置反向代理

宝塔面板中，后端的站点设置反向代理，地址为云服务器地址，注意端口要和代码中后端设置的端口一致，这里8989为端口，操作如下：

完成

保存后就可以上网访问自己搭建的系统。