在现代软件开发中，前后端分离的架构已成为一种流行的设计模式。Spring Boot作为后端开发的热门框架，常常与Vue、React等前端框架结合使用。本文将详细介绍如何将一个Spring Boot前后端分离项目打包部署到服务器的流程，包括代码示例和相关步骤。
一、项目准备
假设我们有一个简单的Spring Boot后端项目和一个Vue前端项目。首先，需要确认两个项目都能在本地正常运行。
后端项目结构
my-spring-boot-app
├── src
│ ├── main
│ │ ├── java
│ │ └── resources
│ └── test
├── pom.xml
└── ...
前端项目结构
my-vue-app
├── src
└── package.json
二、后端项目打包
在后端项目中，使用Maven打包项目。确保pom.xml中已经添加了必要的依赖。
- 打开命令行，进入到
my-spring-boot-app目录。 - 运行以下命令进行打包：
mvn clean package -DskipTests
这个命令会生成一个可执行的Jar包，通常位于target目录下，例如，my-spring-boot-app-0.0.1-SNAPSHOT.jar。
三、前端项目打包
前端项目需要编译成静态文件。
- 打开命令行，进入到
my-vue-app目录。 - 运行以下命令进行打包：
npm install
npm run build
打包成功后，编译后的文件会生成在dist目录下。
四、将前后端文件准备好
将前端的打包出的静态文件复制到后端项目的src/main/resources/static目录下。这一步是为了使后端能够直接提供前端页面。
五、部署到服务器
选择一台Linux服务器（如Ubuntu）进行部署。
- 上传Jar包和前端静态文件
使用scp或其他文件传输工具将my-spring-boot-app-0.0.1-SNAPSHOT.jar和dist目录下的文件上传到服务器。
scp target/my-spring-boot-app-0.0.1-SNAPSHOT.jar user@your-server:/path/to/deploy/
scp -r dist/* user@your-server:/path/to/deploy/static/
- 安装并配置Java环境
确保服务器上已安装Java环境，可以使用以下命令检查：
java -version
如果没有安装，请根据你的Linux系统进行安装。
- 运行Jar包
在服务器上进入到你上传Jar包的目录，然后用以下命令运行：
java -jar my-spring-boot-app-0.0.1-SNAPSHOT.jar
为了使其在后台运行，可以使用nohup命令：
nohup java -jar my-spring-boot-app-0.0.1-SNAPSHOT.jar > springboot.log 2>&1 &
这个命令会将输出日志保存到springboot.log文件中，最后的&符号会将进程放到后台。
- 访问你的应用
在浏览器中访问http://your-server:8080，如果一切正常，你应该能看到前端页面。
六、总结
本文详细介绍了如何打包和部署一个Spring Boot前后端分离的项目。打包过程主要有两个部分：后端的Java项目和前端的静态文件。最终，我们通过上传服务器和运行Jar包的方式将应用部署到了线上。后续你可能还需要配置反向代理（如Nginx）或数据库等，根据项目需求进行调整。希望对你有所帮助！
