Vue+SpringBoot项目打包、部署到服务器流程_springboot加vue项目怎么打包部署

Vue+SpringBoot项目打包、部署流程

使用工具

前端：vscode
后端：idea
linux：Xftp5以及Xshell

前端打包流程

在终端中输入npm run build 即可，前端打包成功后，项目中会多出一个dist文件夹，即前端打包的结果。

后段打包流程

首先将dist文件夹里的打包内容复制一下

然后打开后端项目，找到src\mian目录下的resources，在该目录下新建文件夹static，将前端打包的文件复制到该目录下。

然后打开ide，打开后端项目。点击ide右侧的Maven Projects，选择后端项目，在打包前先清除一下之前的打包内容，点击Clean即可。

清理完成后，点击package进行打包！

打包成功后，进入后端项目target目录下，发现有打包好的jar包。

将项目部署到服务器

首先打开Xftp，将打包好的jar上传到你需要保存的目录下。

然后打开Xshell ，输入文件路径到你的项目目录。

然后输入命令 **nohup java -jar xxx.jar >springboot.log 2>&1&**运行jar即可。运行后，在浏览器输入网址即可打开项目（网址一般为，服务器名称:端口号/index。html）。
更多的linux操作命令，如杀死一个端口号等命令，请参考这个链接
工具使用篇——linux常用命令

第一次写博客到此结束！