SpringBoot + Vue 项目部署到宝塔（以精美博客为例）

手把手教你将 SpringBoot 后端 + Vue 前端项目部署到宝塔面板，含数据库配置与反向代理设置。

准备工作

  1. 服务器：自行准备一台云服务器
  2. 登录宝塔：安装宝塔面板后，按图1安装所需软件
  3. 上传文件：将前端压缩包（dist.zip）和后端 jar 包上传到服务器任意目录，并解压前端压缩包
  4. 添加数据库：
    • 数据库名：poetize
    • 用户名/密码：root
    • 完成后导入数据库文件（如图3）

部署前端

  1. 在宝塔中新增网站，域名填写你的宝塔 IP 或域名，端口设为 82（如图4）
  2. 修改网站配置（如图5），在 location / 块中添加反向代理：
nginx
1 2 3 
location /api/ {
    proxy_pass http://你的IP或域名:8081/;
}
  1. 保存配置后，通过域名即可访问前端页面

部署后端

  1. 找到上传的 jar 包所在目录
  2. 打开宝塔终端（如图6），执行以下命令：
bash
1 
nohup java -jar poetize-server.jar &
  1. 回车后等待启动完成，看到 SpringBoot 启动日志即表示成功

完成验证

  • 项目运行截图如图8
  • 后端账号密码已改为 1 / 1

注意：提供的包为编译后文件，不支持修改源码。如需修改，请前往三楼博主处下载源文件，打包替换即可。

文件下载

链接：https://pan.baidu.com/s/1s20dkdvvSCfMXJ7m2wQ2_A?pwd=1234
提取码：1234

如有疑问欢迎留言，看到会回复。