云服务器宝塔部署SpringBoot前后端分离项目

1年前发布

3911

🦆博主介绍：小黄鸭技术

🌈擅长领域：Java、实用工具、运维

👀 系列专栏：📢开发工具 Java之路八股文之路

📧如果文章写作时有错误的地方，请各位大佬指正，一起进步！！！

🧡欢迎大家点赞➕收藏⭐➕评论💬支持博主🤞

前言

优势：宝塔面板更人性化，资源占用比WDCP好很多，站点访问速度较快，可以设置定时备份到云盘，操作设置简单，功能多。更新频率快，兼容性比较好，面板可一键迁移，设有监控功能，在计划任务中可以定时执行备份网站、备份数据库、释放内存、访问url等操作。

一些小型网站和项目可以采用宝塔来部署，部署起来相比传统模式的搭建环境来说比较快速和方便。

环境

开发系统：CentOS 7.9.2009 x86_64

架构模式：前后端分离

JDK版本：1.8

数据库版本：MySQL 5.6

服务器：腾讯云服务器宝塔面板

部署

因为本人购买的是腾讯云自带宝塔面板的轻量服务器，所以不需要自己安装服务器，如果想要在本地环境下安装，需要准备一个干净的环境，并参照宝塔官网的部署命令来安装。

查看面板地址和用户名以及密码

安装完成后在服务器上执行以下命令 sudo /etc/init.d/bt default

[lighthouse@VM-24-13-centos ~]$ sudo /etc/init.d/bt default ================================================================== BT-Panel default info! ================================================================== 外网面板地址: http://XX.XXX.XXX.XX:8888/tencentcloud 内网面板地址: http://XX.X.XX.XX:8888/tencentcloud *以下仅为初始默认账户密码，若无法登录请执行bt命令重置账户/密码登录 username: XXXXX password: XXXXX If you cannot access the panel, release the following panel port [8888] in the security group 若无法访问面板，请检查防火墙/安全组是否有放行面板[8888]端口 ==================================================================

复制外网面板地址打开输入以上的username和password进入宝塔面板内

环境搭建

在左侧面包屑中选择软件商店->应用搜索安装你所需要环境即可云服务器宝塔部署SpringBoot前后端分离项目插图

本例安装：MySQL 5.6,Nginx 1.20.0,phpMyAdmin 4.0,Redis,以及Redis管理器，因为宝塔里的Redis无法可视化没有序列化，所以需要第三方插件来查看，我放在文末链接自取即可。

目录创建

创建Jar包和Vue项目的存放路径,文件->新建目录，选择你喜欢的路径下就好了。

云服务器宝塔部署SpringBoot前后端分离项目插图1

部署Java SpringBoot项目

1.打开侧边栏选择 网站 -> Java项目

一开始可能没有JDK环境，如果是JDK版本1.8,直接选择安装tomcat会自动安装JDK1.8，如果需要自定义的话，点击JDK管理添加自己的JDK安装目录即可。

云服务器宝塔部署SpringBoot前后端分离项目插图2

2.添加Java项目需要先上传Jar包到服务器上，然后选择Jar包的位置。

云服务器宝塔部署SpringBoot前后端分离项目插图3

项目Jar路径：上传的jar包位置，需要选择到Jar包而不是上级目录。

项目名称：根据需要定义即可，无特殊要求。

项目端口：需要和实际项目的启动端口一致。

项目JDK：如有多个JDK在服务器上，需要在下拉列表手动选择项目的JDK版本。

项目执行命令：端口号和Jar包会根据上面填写的自动生成，如果需要更改JVM配置或者指定配置文件启动，自行修改和添加即可。

项目用户：按需选择

开机启动：服务器宕机重启时自动启动该项目

3.一般项目如果配置好之后，点击保存会自动启动项目，启动后项目的端口号才会显示，如果有错，可以点击设置->项目日志查看错误日志。

云服务器宝塔部署SpringBoot前后端分离项目插图4

部署前端VUE项目

1.本例中VUE项目已经是打包好的Dist包

上传文件到你之前创建的目录中，然后修改Nginx配置转发。

云服务器宝塔部署SpringBoot前后端分离项目插图5

修改配置：添加以下配置，然后保存并重载配置即可。

一个前端项目

server { listen 80; server_name www.duck.com; index index.html index.htm index.php; root /www/wwwroot/duck/build/h5; location /duck { #配置代理转发 proxy_set_header Host $host; proxy_set_header X-forwarded-For $remote_addr; proxy_pass http://xx.xxx.xxx.xxx:xxxx/; } access_log /www/wwwlogs/access.log; }

多个前端项目

server { #监听80端口 listen 80; #输入自己的域名 没有话输入IP server_name www.duck.com; index index.html index.htm index.php; #指定转发路径到本地的Dist包中 location /duck { alias /www/wwwroot/duck-dist/build/h5; index index.html; } location /cat { alias /www/wwwroot/cat-dist/build/h5; index index.html; } access_log /www/wwwlogs/access.log; }