宝塔面板部署前后端分离项目(springboot3+vue3)

作者：youyu-yyouth

宝塔面板部署项目的优势

部署简单：可视化操作，一键搭建运行环境

上线快：网站、数据库、SSL 证书快速配置

易管理：项目、服务、环境集中管理

更安全：内置防火墙、日志与权限控制

低运维成本：监控、备份、重启都很方便

一句话：宝塔面板让项目部署更快、更简单、更省事。

首先我们需要把项目必须的环境安装好

如果我们是首次使用宝塔面板，我们需要注册和登录宝塔面板，由于这个很简单，所以笔者在这里就不多说了。
我们在登录后，宝塔会要我们安装环境，如果我们没有特殊的要求，我们直接选择官方推荐我们的配置。

添加项目需要的数据库

点击数据库，操作如图

添加好数据库后，我们需要导入我们的sql文件。

部署项目

部署后端springboot项目

步骤1：
首先我们需要修改我们的配置文件application.yml,将数据库有关的信息修改成我们在宝塔面板中添加的数据库信息。

主要修改的信息有:username,password,数据库名。

步骤2：
使用maven 的命令 clean 然后 install 项目

然后，我们可以看到文件目录下的会多出一个target文件夹

步骤3：
在宝塔面板中，添加一个后端文件存储的文件夹。

然后，上传我们后端打包好的jar包

步骤4：
上传好jar包后，我们就可以添加java项目的网站了。

这里的项目路径，要选择我们上传的jar包的路径,如图：

由于我们后端的端口号为：9090

所以我们需要在腾讯云中的服务器实例中开发该9090端口，还有宝塔面板的安全选项也要开发该端口，这样我们才能正常访问。

配置好后，我们即可通过：服务器地址:端口号 访问了

好了，这里后端就已经部署好了，后面我们就需要部署前端了。

前端部署

步骤1：
首先我们在打包前端前，需要修改几个配置。

步骤2：
使用 vite 打包

打包成功后，我们的前端项目的目录下，会多出一个"dist"文件夹

步骤3：
在 ”文件“选项中，我们需要导入我们刚刚打包好的前端文件，也就是dist目录下的所有文件

步骤4：
添加前端的站点信息

对应的端口好需要放行，腾讯云和宝塔都需要，前面讲过如何放行，这里不再赘述

现在前端和后端都部署好了，有个很重要的点，那就是nginx需要开启！！！
我们可以访问前端的域名即可。

好了，宝塔部署项目的讲解就到此了，感谢大家的点赞和评论!!

学习，学习！