非常详细的前端后端分离项目部署步骤

MySQL 数据库，修改 MySQL 数据库密码，进入到 resources 文件夹下，/data/pro/RuoYi-Vue/ruoyi-admin/src/main/resources，编辑 application-druid.yml 文件，vim application-druid.yml ，修改密码，数据库名字一致则不用修改

# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
                username: root
                password: 123456

Redis 地址信息，编辑 resource 文件夹下 application.yml 文件，修改 redis 连接密码

# redis 配置
  redis:
    # 地址
    host: localhost
    # 端口，默认为6379
    port: 6379
    # 数据库索引
    database: 0
    # 密码
    password: 123456
    # 连接超时时间
    timeout: 10s
    lettuce:
      pool:
        # 连接池中的最小空闲连接
        min-idle: 0
        # 连接池中的最大空闲连接
        max-idle: 8
        # 连接池的最大数据库连接数
        max-active: 8
        # #连接池最大阻塞等待时间（使用负值表示没有限制）
        max-wait: -1ms

文件存放目录，编辑 application.yml 文件，vim application.yml ,修改项目相关配置文件路径地址

# 项目相关配置
ruoyi:
  # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /data/tmp）
  profile: /data/tmp

端口号根据自己需求修改，在 application.yml 下修改

打包，进入到项目文件夹目录下：cd /data/pro/RuoYi-Vue/，执行 maven 打包命令：maven clean package ，第一次需要下载 jar 包，需要等几分钟
移动 jar ，进入 target 文件夹下 cd ruoyi-admin/target/，移动 ruoyi-admin.jar 到 /data/pro/backend/ ，命令 mv ruoyi-admin.jar /data/pro/backend/
启动，进入backend 文件夹下，执行 nohup java -jar ruoyi-admin.jar > nohup.out 2>&1 &
查看是否启动成功 tail -200f nohup.out
访问接口文档：http://ip:8080/swagger-ui/index.html，访问成功，则说明后端接口部署成功

前端部署

安装依赖，进入 ui 页面文件夹下，cd /data/pro/RuoYi-Vue/ruoyi-ui/

# 安装打包依赖
npm install --unsafe-perm --registry=https://registry.npm.taobao.org

打包正式环境
```
npm run build:prod
```
如果出现错误

执行 export NODE_OPTIONS=--openssl-legacy-provider 命令，再次执行 npm run build:prod

在 /data/pro/front 目录下创建 ruoyi-ui 文件夹，mkdir -p /data/pro/front/ruoyi-ui ，把打包好的 dist 文件夹下的移动到 ruoyi-ui 文件夹下，命令为 mv dist/* /data/pro/front/ruoyi-ui

nginx 配置

在安装好的 nginx 目录下，/data/nginx2/conf ，把以下 nginx 配置替换到 nginx.conf 文件中重新启动 nginx 即可，nginx 完整配置

user  root; 
worker_processes  auto;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
        charset utf-8;

        location / {
            root   /data/pro/front/ruoyi-ui;
            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;
        }
    }
}

打开浏览器，输入：http://ip 出现登录页面和验证码则说明前后端都已部署成功