(亲测有效)SpringBoot+Vue项目云服务器部署(宝塔)
在宝塔面板中部署SpringBoot+Vue项目主要包括以下步骤:
- 准备工作:购买云服务器,安装宝塔面板,登录宝塔面板。
- 安装环境:在宝塔面板中安装Java环境(例如OpenJDK),Nginx,MySQL,Redis等。
- 上传文件:将SpringBoot的jar包和Vue项目的构建产物上传至云服务器指定目录。
- 配置数据库:在宝塔面板中配置MySQL数据库,并导入数据。
- 配置Nginx:设置反向代理,将Vue项目的请求代理到对应的本地端口,SpringBoot应用代理到jar运行的端口。
- 配置自启动:设置SpringBoot应用的自启动,确保服务器重启后应用也能自动运行。
以下是部署的示例步骤:
# 安装Java环境
yum install java-1.8.0-openjdk
# 安装Nginx
yum install nginx
# 安装MySQL
yum install mysql
# 安装Redis
yum install redis
# 启动服务
systemctl start nginx
systemctl start mysqld
systemctl start redis
# 设置开机自启
systemctl enable nginx
systemctl enable mysqld
systemctl enable redis
# 上传文件到 /www/wwwroot/your-domain.com/ 目录
# 上传SpringBoot jar 包到 /www/wwwroot/your-domain.com/springboot 目录
# 上传Vue项目构建产物到 /www/wwwroot/your-domain.com/vue-app 目录
# 配置Nginx
# 编辑 Nginx 配置文件
vi /www/server/panel/vhost/your-domain.com.conf
# 添加以下内容
server {
listen 80;
server_name your-domain.com;
location / {
root /www/wwwroot/your-domain.com/vue-app;
index index.html;
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:8080/; # SpringBoot 应用端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
# 重载 Nginx 配置
bt reload
# 启动SpringBoot应用
nohup java -jar /www/wwwroot/your-domain.com/springboot/your-app.jar > /dev/null &
# 如果需要,配置自动化部署脚本,实现持续集成部署
注意:
- 替换
your-domain.com
为你的域名。 - 替换
/www/wwwroot/your-domain.com/springboot/your-app.jar
为你的SpringBoot jar包路径。 - 替换
/www/wwwroot/your-domain.com/vue-app
为你的Vue项目构建产物路径。 - 确保安全组和云服务器防火墙规则允许访问相应端口。
- 根据项目具体需求调整配置,例如端口号、数据库连接等。
评论已关闭