SpringBoot+Vue项目打包部署_springbootvue项目打包部署

本篇目录：

1. SpringBoot+Vue项目分析；
2. 前后端打包；
3. 部署
1
2
3

1. SpringBoot+Vue项目分析

通常来说，如果采用这样的开发模式，该工程通常是前后端分离的项目；
就是前端美眉开发前端，然后调用张三开发的后端接口进行数据的展示；
但是呢！最后部署的时候，还是要把前端放到后端里面，之后才能进行部署；
并不是分离开发也会分离部署；
1
2
3
4

2. 前后端打包

2.1 前端打包

通常，我们的前端是在 VsCode 中开发的，如果想要打包，只需要  ctrl+shift+U 调出命令行；
然后输入 npm run build ，之后在项目中会自动生成一个 dist 文件夹，只需要将里面的所有文件直接 copy 到Springboot项目的 static 中就可以了；
1
2

dist

2.2 后端打包

把 dist 中的内容 copy 到 static 里面之后，我们就可以后端项目的打包了；
此时我们只需要调出 Maven 的功能按钮，然后按 clean compile package 就可以了；
之后可以在控制台输出的路径中去找对应的 JAR 文件，然后再进行部署操作；
1
2
3

Maven 功能按钮

3. 部署

最后一步，也是最简单的一步。我们只需要把打好的 JAR 文件，放到 Linux 服务器上进行部署就可以了；
当我们把 JAR　文件，放到对应的目录之后，只需要在指定的目录中使用　java -jar JAR文件名 就可以完成项目的最终部署了；
1
2