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

🦆博主介绍：小黄鸭技术

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

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

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

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

目录

        前言

        环境

        部署

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

环境搭建

目录创建

部署Java SpringBoot项目 

部署前端VUE项目 

---

前言

       优势：宝塔面板更人性化，资源占用比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进入宝塔面板内

环境搭建

        在左侧面包屑中选择 软件商店->应用搜索 安装你所需要环境即可

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

目录创建

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

部署Java SpringBoot项目 

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

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

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

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

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

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

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

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

        项目用户：按需选择

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

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

部署前端VUE项目 

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

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

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

        一个前端项目

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;
}

查看项目启动

        输入120.0.0.1/duck/#/进入前端页面即可

宝塔Redis可视化插件地址：

        

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