宝塔面板真香警告！Vue+SpringBoot项目部署全流程详细指南，30分钟搞定上线

在当今快速迭代的开发环境中，如何高效部署项目是每个开发者必须掌握的技能。宝塔面板作为一款强大的服务器管理工具，能够极大简化部署流程。本文将以Vue前端+SpringBoot后端项目为例，手把手带你完成从零到一的完整部署过程。

1.环境安装

1.1 安装nginx

在应用商店搜索nginx，点击安装即可

1.2 安装数据库

同样在应用商店搜索，根据你使用的数据库，安装对应的即可，这里以mysql为例：

1.3 安装java环境

这个稍微有点区别，在左侧菜单栏选择网站，然后再顶部二级菜单栏选择java项目，点击Java环境管理，选择你java项目依赖的版本安装：

2.数据库迁移

2.1 创建数据库：

点击数据库>选择你使用的数据库>点击添加数据库>点击确定创建：

2.2 迁移数据和表结构

上传生成的数据库迁移sql文件，点击导入即可

3.后端部署

3.1 上传jar包

点击文件，在www/wwwroot目录下，新建一个文件夹，作为后端项目的文件目录：

然后将jar包传到该目录下：

3.2 添加java项目

选择网站>Java项目>添加项目，在项目路径一项，点击文件夹，找到上一步中的jar包打开：

名称和启动命令会自动生成，我们直接点击确定即可，看到服务运行中，监听9090，说明项目启动成功：

如果项目启动失败，可以点击项目名称，再点击日志管理，查看日志中的错误信息排查失败原因：

3.3 测试接口

打开终端，使用curl命令测试在本地能否正常访问接口：

成功访问到了接口，部署完成！

4.前端部署

4.1 创建项目

在左侧菜单栏选择网站，再在顶部菜单选择HTML项目，点击添加项目，没有域名可以随便取一个，然后点击确认即可

根目录就是存放前端项目文件的目录

4.2 上传打包文件

然后点击左侧的文件，进入到刚才的目录下，点击上传，按提示将前端打包好的文件拖进来，点击开始上传

上传完成后双击解压，注意如果文件层级不对需要手动调整，结果如下：

4.3 配置代理

然后配置nginx代理，点击网站>HTML项目>点击项目名，选择配置文件，在配置文件中添加后端代理：

4.4 设置防火墙

最后配置一下云服务器防火墙，放行80端口的访问，以阿里云服务器为例：

然后浏览器测试访问，部署成功！

5.更新部署

5.1 前端更新

将新版前端包上传到服务器对应路径下，删除之前的文件，换成新文件即可：

5.2 后端更新

1）将新版本的jar包传上传到原jar包路径，覆盖掉之前的jar包：

如需保留之前的版本，也可以重命名一下留着方便回滚

2）重启后端服务