<think>我们正在讨论的是如何将Vue前端、
SpringBoot后端和MySQL数据库的项目
打包成JAR文件并
部署。根据用户的问题，我们需要提供从
打包到
部署的完整流程。下面将结合引用内容，分步骤说明。步骤1：后端
SpringBoot打包成JAR-在
SpringBoot项目的pom.xml文件中，需要配置
打包插件和最终生
成的
JAR文件名（引用[2]）：```xml<build><finalName>web-master</finalName><!--设置生
成的
jar包名称--><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><version>2.2.2.RELEASE</version></plugin></plugins></build>```-使用Maven的package命令进行
打包（在IDE中双击package或命令行执行`mvnpackage`），
打包后会在target目录下生
成一个可执行的
JAR文件（如web-master.
jar）。步骤2：前端Vue项目
打包-在Vue项目目录下，运行`npmrunbuild`命令，生
成dist目录（包含静态文件）。步骤3：将前端静态文件整合到
SpringBoot项目中（可选，但常见
部署方式）-将Vue
打包生
成的dist目录下的所有文件复制到
SpringBoot项目的src/main/resources/static目录下。-重新
打包SpringBoot项目（这样
JAR包中就包含了前端静态资源，可以独立运行）。步骤4：配置
生产环境文件-在
SpringBoot项目中，需要配置
生产环境的配置文件（如application-prod.yml），设置数据库连接、Redis等（引用[3]）：```yamlspring:mvc:pathmatch:matching-strategy:ant_path_matcherapplication:name:your-app-namedatasource:driver-class-name:com.mysql.cj.jdbc.Driverurl:jdbc:mysql://服务器IP地址:3306/数据库名?characterEncoding=UTF-8username:数据库用户名password:数据库密码#其他配置如Redis等server:port:8080servlet:context-path:/api```-注意：数据库的访问权限需要设置为允许远程连接（在MySQL中创建用户并授权），并且数据库名不要使用root、test等（引用[4]）。步骤5：
部署到服务器-将生
成的
JAR文件（如web-master.
jar）上传到服务器（可以使用WinSCP等工具，引用[2]）。-在服务器上运行
JAR文件：```bash
java-
jarweb-master.
jar```或者使用后台运行并记录日志的脚本（引用[2]）：```bash#!/bin/sh
java-
jarweb-master.
jar2>&1>>app.log&```将上述命令保存为start.sh，并赋予执行权限：`chmod+xstart.sh`，然后运行`./start.sh`。步骤6：配置MySQL数据库-在服务器上安装MySQL（如果使用宝塔面板，可以在软件商店中安装MySQL，引用[3]）。-创建数据库，并设置访问权限（选择“所有人”或指定IP，确保
SpringBoot应用可以连接，引用[4]）。-导入数据库脚本（如果需要）。步骤7：配置反向代理（可选，但推荐）-如果使用宝塔面板，可以添加一个站点（域名或IP），然后配置反向代理到
SpringBoot应用（比如运行在8080端口）。-在宝塔面板的网站设置中，添加反向代理，目标URL为`http://localhost:8080`（或实际端口）。注意：如果前端静态资源已经整合到
JAR包中，那么直接访问
JAR运行的端口（如8080）就可以看到前端页面。如果前端是独立
部署，则需要将前端
部署到Web服务器（如Nginx），并通过代理访问后端API。以上步骤是基于将前端
打包到后端
JAR中的方式，这样
部署只需要一个
JAR文件。另一种方式是前后端分离
部署，前端使用Nginx
部署，后端独立运行
JAR，并通过代理解决跨域问题（在Nginx中配置代理后端API）。根据引用[1][3][4]，使用宝塔面板可以更方便地完
成这些
部署步骤。现在，根据用户需求，我们提供了
打包和
部署的基本步骤。下面生
成相关问题：</think>### Vue + Spring Boot + MySQL 项目
打包部署教程
以下是将 Vue 前端 + Spring Boot 后端 + MySQL 数据库
打包为
JAR 文件并
部署的完整流程：
---
#### **一、前期准备**
1. **
环境配置**
- 云服务器：推荐 Linux 系统（如 CentOS 7+ 或 Ubuntu）
- 本地开发
环境：
- JDK 17+（与 Spring Boot 3 兼容）
- Node.js 16+（Vue 构建）
- MySQL 8.0（与
生产环境一致）
- 工具：
- WinSCP/Xftp（文件传输）
- Xshell/PuTTY（服务器操作）
- 宝塔面板（可选，简化
部署）[^1]
2. **数据库准备**
- 在服务器安装 MySQL，创建
生产环境数据库：
```bash
# 登录 MySQL
mysql -u root -p
# 创建数据库和用户（权限设置为所有人）
CREATE DATABASE app_db CHARACTER SET utf8mb4;
CREATE USER 'app_user'@'%' IDENTIFIED BY 'your_password';
GRANT ALL PRIVILEGES ON app_db.* TO 'app_user'@'%';
FLUSH PRIVILEGES;
```
- 导入本地数据库脚本：
```bash
mysql -u app_user -p app_db < dump.sql
```
---
#### **二、项目
打包**
1. **Vue 前端
打包**
- 修改 `vue.config.js` 设置
生产环境 API 地址：
```
javascript
module.exports = {
devServer: {
proxy: 'http://服务器IP:后端端口' // 后端API地址
},
publicPath: process.env.NODE_ENV === 'production' ? '/' : '/'
}
```
- 执行构建命令：
```bash
npm run build # 生
成 dist 目录
```
2. **Spring Boot 后端配置**
- 创建 `application-prod.yml`
生产配置文件：
```yaml
spring:
datasource:
url: jdbc:mysql://服务器IP:3306/app_db?useSSL=false&characterEncoding=UTF-8
username: app_user
password: your_password
servlet:
context-path: /api
server:
port: 8080 # 后端运行端口
```
- **关键步骤**：将 Vue 的 `dist` 目录复制到 `src/main/resources/static`，使
JAR 包包含前端资源[^3]
3. **Maven
打包**
- 在 `pom.xml` 中添加
打包插件：
```xml
<build>
<finalName>app-backend</finalName> <!-- 生
成的
JAR名称 -->
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<version>3.0.6</version>
</plugin>
</plugins>
</build>
```
- 执行
打包命令：
```bash
mvn clean package -DskipTests # 生
成 app-backend.
jar
```
---
#### **三、服务器
部署**
1. **上传文件**
- 使用 WinSCP 将 `app-backend.
jar` 上传到服务器 `/root` 目录
2. **创建启动脚本**
- 新建 `start.sh` 启动脚本：
```bash
#!/bin/bash
nohup
java -
jar /root/app-backend.
jar --spring.profiles.active=prod > app.log 2>&1 &
```
- 赋予执行权限：
```bash
chmod +x start.sh
```
3. **运行项目**
```bash
./start.sh # 后端启动，日志输出到 app.log
```
4. **验证运行**
- 检查进程：
```bash
ps aux | grep
java
```
- 测试访问：
- 前端页面：`http://服务器IP:8080`
- API接口：`http://服务器IP:8080/api/health`
---
#### **四、优化与安全**
1. **反向代理配置（Nginx）**
- 通过宝塔面板添加站点，配置反向代理[^1]：
```nginx
server {
listen 80;
server_name your-domain.com;
location / {
root /path/to/vue/dist; # 分离
部署时使用
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
}
}
```
2. **防火墙设置**
```bash
firewall-cmd --permanent --add-port=8080/tcp # 开放后端端口
firewall-cmd --permanent --add-port=80/tcp # 开放HTTP
firewall-cmd --reload
```
3. **进程守护**
- 使用 `systemd` 创建服务（示例路径：`/etc/systemd/system/app.service`）：
```ini
[Unit]
Description=Spring Boot App
After=syslog.target
[Service]
ExecStart=/usr/bin/
java -
jar /root/app-backend.
jar
User=root
[Install]
WantedBy=multi-user.target
```
- 启动服务：
```bash
systemctl daemon-reload
systemctl start app
systemctl enable app
```
---
#### **常见问题解决**
1. **数据库连接失败**
- 检查 MySQL 用户远程权限：`SELECT host FROM mysql.user WHERE user='app_user';`
- 确认防火墙开放 3306 端口
2. **前端路由 404**
- 在 Nginx 配置中添加：
```nginx
location / {
try_files $uri $uri/ /index.html;
}
```
3. **
JAR 包内存不足**
- 启动时指定内存：
```bash
java -Xms512m -Xmx1024m -
jar app-backend.
jar
```
> **注意**：
生产环境务必配置 HTTPS 证书，可使用宝塔面板一键申请 Let's Encrypt 证书[^1]。
博客介绍了Java工程打包及运行的方法。先通过pom.xml文件完成打包前配置，然后在终端切换到工程目录，运行mvn clean package生成打包文件，最后使用java -jar运行jar包。
扫一扫
2483
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
