若依前后端分离项目使用宝塔部署（292）

一、部署准备工作

首先，在宝塔面板中安装项目部署所需的环境：

JDK1.8
MySQL5.7
nginx
Redis

二、创建数据库并导入SQL文件

创建数据库，并设置编码为 utf8mb4。
- 根据需要自定义数据库名称、用户名、密码
导入SQL脚本文件，初始化项目所需的基础表。SQL文件位于项目的 sql 目录中。

三、修改配置文件

修改 MySQL 数据库相关配置。
修改 Redis 数据库连接密码。
修改文件路径。

四、打包若依项目

配置文件修改完成后，开始打包项目。

打包后端文件：

如果使用的是 IntelliJ IDEA，可以直接使用 Maven 插件中的 package 命令进行打包。
如果使用其他 IDE，可以通过项目中的脚本进行打包。

打包前端文件：

使用以下命令进行前端打包：
```
npm run build:prod
```
打包完成后，会在当前目录生成一个 dist 目录。

五、上传打包文件

在宝塔面板中，点击网站，然后选择添加站点。

添加站点

如果没有域名，可以填写IP地址。

将前端 dist 目录中的所有文件上传到站点目录。

上传前端文件

将后端的 ruoyi-admin.jar 文件上传到服务器。

六、启动后端服务

进入 ruoyi-admin.jar 文件所在的目录，打开终端并运行以下命令：

java -jar ruoyi-admin.jar &

启动后端服务

七、修改nginx配置文件

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

error_page   500 502 503 504  /50x.html;
location = /50x.html {
    root   html;
}

需要注意以下两点：

root 路径：设置为前端打包后的 dist 目录路径。
反向代理端口号：确保与后端服务启动的端口一致。

nginx配置

修改完成后，重启 nginx 使配置生效。

八、查看项目部署结果

如果一切顺利，可以访问登录页面（默认是80端口）。

登录页面

开发喵星球