SpringBoot+Vue项目打包部署

最新推荐文章于 2025-10-04 23:16:08 发布

原创最新推荐文章于 2025-10-04 23:16:08 发布 · 2.6k 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细讲解了SpringBoot与Vue项目开发中前端与后端的打包流程，包括前端的npm构建和后端的Maven打包，以及如何将打包结果部署到Linux服务器的步骤。

本篇目录：

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

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

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

dist
在这里插入图片描述

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

Maven 功能按钮
在这里插入图片描述

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