利用宝塔面板部署若依前后端分离项目(61)

今日分享：利用宝塔面板部署若依前后端分离项目

需求提出 ✨

应用场景 🌍

解决思路 💡

注意事项 ⚠️

• 
  MySQL、Redis等服务需在宝塔面板中安装完成，并确保启动正常。
  
• 
  数据库、Redis的连接信息要正确填写，否则会导致项目无法连接。
  
• 
  Nginx的反向代理配置要与项目实际路径及端口保持一致。
  

完整代码 （按步骤）📜

第一步：部署前期准备工作 🛠️

• 
  JDK 1.8
  
• 
  MySQL 5.7：可以通过宝塔面板一键安装。
  
• 
  Nginx：通过宝塔面板一键安装。
  
• 
  Redis：通过宝塔面板一键安装。
  

第二步：创建数据库并导入SQL文件 💾

1. 
   创建数据库，指定编码为 utf8mb4：
   
• 
  数据库名称：ruoyi
  
• 
  数据库账号：ruoyi
  
• 
  数据库密码：ruoyi
  
• 
  数据库可以自定义
  
  
  
  
2. 
   导入SQL脚本文件：
   
• 
  在项目的 sql 目录下找到SQL文件，并导入到数据库中。
  
  
  
  

第三步：修改配置文件 ⚙️

1. 
   修改MySQL数据库相关配置，确保数据库账号、密码、地址等信息正确。
   
   
   
   
2. 
   修改Redis数据库连接密码。
   
   
   
   
3. 
   修改文件路径，配置文件路径确保一致。
   
   
   
   

第四步：若依项目打包 📦

1. 
   后端打包：
   
• 
  使用 IDEA 或其他开发工具，执行 Maven package 命令进行打包。
  
  
  
  
2. 
   前端打包：
   
   
   
   
• 
  执行以下命令，生成 dist 目录：
  npm run build:prod


第五步：上传打包好的文件 📂

1. 
   在宝塔面板的 网站 页面，点击 添加站点，可以使用IP地址作为站点域名：
   
   
   
   
2. 
   将前端打包生成的 dist 目录文件上传到站点目录中。
   
   
   
   
3. 
   上传 ruoyi-admin.jar 到服务器目录。
   

第六步：启动后端服务 🚀

1. 
   打开终端，进入 ruoyi-admin.jar 文件所在目录，执行以下命令：
   java -jar ruoyi-admin.jar &

   
   
   

第七步：修改Nginx配置文件 🌐

1. 
   修改 nginx 配置文件，添加以下内容：
   location / {
root /www/wwwroot/ruoyi-vue.com/dist;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}

location /prod-api/ {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://localhost:8080/;
}

   
   
   注意：
   
• 
  root 路径：为前端打包后的 dist 目录路径。
  
• 
  proxy_pass 端口号：与后端服务启动的端口保持一致。
  
2. 
   修改完成后，重启Nginx，使配置生效。
   

第八步：查看项目部署结果 🎉

1. 
   一切配置完成后，访问项目登录页面（默认使用80端口）。
   
   
   
   

运行结果 ✅