前期准备

1. 一台配置好宝塔的阿里云服务器

   1. 拥有公网ip地址

   2. 相关端口均在阿里云控制台的安全组中打开

      

   3. 初次安装宝塔时安装好了MySQL，Nginx，Redis等，可以在软件商店中查看对应的安装项目

      

2. 数据库内容导入

   1. 添加数据库

      一定要选utf8mb4，访问权限选择所有人

      

   2. 导入本地数据库内容

      选择结构和数据

      

      在宝塔面板中导入该sql文件，上传后要点击导入

      

      导入成功后进入navicat连接远程数据库

      

      

后端配置

1. 配置文件修改

   数据库配置文件修改，将localhost改为公网ip地址，username和password改为对应的内容

   

2. 在Maven中打包项目

   

3. 找到打包后的jar文件，此处仅需要server下的jar文件

   

4. 在宝塔面板中的文件中新建文件夹用于放置前后端的内容

   

   

   在springboot文件夹中点击上传，上传三个文件：两个配置文件和一个jar包

   

5. 在宝塔面板的网站中添加新Java项目

   

前端设置

1. 从本地Nginx中的html文件夹中找到sky文件

2. 复制一份到任意地方

3. 进入复制后的sky\js文件夹内找到app.d0aa4eb3.js文件

4. 修改改文件内容，将其修改为你的公网ip地址

   Crtl + F 查找localhost

   

5. 在宝塔面板文件中的www/wwwroot/CangQiong/vue3目录中上传修改好的sky文件夹

   

6. 在网站中创建新的HTML项目

   

7. 创建完成后点击该项目的设置—配置文件进行修改

   1. 在server之前添加一段配置：

      upstream webservers{
      	  server 替换为你的公网ip地址:8080 weight=90 ;
      }
      

   2. 在server中添加如下代码：

      # 反向代理,处理管理端发送的请求
         location /api/ {
             proxy_pass   http://webservers/admin/;
         }
      

至此若配置正确，便可以通过你的公网ip地址:80的方式在浏览器中打开已经部署好的项目