RuoYi 前后端分离版部署流程

📔 千寻简笔记介绍

千寻简笔记已开源，Gitee与GitHub搜索chihiro-notes，包含笔记源文件.md，以及PDF版本方便阅读，且是用了精美主题，阅读体验更佳，如果文章对你有帮助请帮我点一个Star～

特邀嘉宾：仲琪

一 前端准备

1.修改router

export default new Router({base: '/xxxx-admin', // 去掉url中的#mode: 'history',scrollBehavior: () => ({ y: 0 }),routes: constantRoutes
})

2. 修改vue.config.js

publicPath: process.env.NODE_ENV === "production" ? "/xxxx-admin/" : "/xxxx-admin/",

3.修改后端访问地址：.env.production

# 管理系统/生产环境
VUE_APP_BASE_API = 'http://ip:端口/别名-api/'

4.修改配置：

request.js

# 搜索：store.dispatch('LogOut')store.dispatch('LogOut').then(() => {// 修改xxxxlocation.href = '/xxxx-admin/index';})

Navbar.vue

# 搜索：this.$store.dispatch('LogOut')this.$store.dispatch('LogOut').then(() => {// 修改xxxxlocation.href = '/xxxx-admin/index';})

5.构建项目

npm run build:prod

二 Nginx配置

worker_processes  1;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 /xxx-admin {# 修改路径alias   /home/deploy/test/java-xxx/fe/admin/dist;# 修前端访问路径try_files $uri $uri/ /xxx-admin/index.html;index  index.html index.htm;}location /xxx-h5 {# 修改路径alias   /home/deploy/test/java-xxx/fe/h5/dist;# 修前端访问路径try_files $uri $uri/ /xxx-h5/index.html;index  index.html index.htm;}location /xxx-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:端口号/xxx-api/;}# 文件上传路径location /test/xxx/profile/{# 服务器文件上传路径alias /home/deploy/test/java-xxx/be/uploadPath;}}
}

三 后端准备

1.修改application-prod.yml

# 改动1
ruoyi:# 服务器文件上传路径profile: /home/deploy/test/java-xxx/be/uploadPath# 改动2
# 开发环境配置
server:# 服务器的HTTP端口，默认为8080port: 端口号servlet:# 应用的访问路径context-path: /xxx-api/
# 改动3 修改数据源# 改动4 修改redis

2.修改日志存放路径：logback.xml

    <!-- 日志存放路径 --><property name="log.path" value="./logs" />

3.Maven 打包

# 清理环境，清除target文件夹
maven clean# 打包
maven packag# 打包到的地址
项目路径下的 xx-admin/target/xxx-admin.jar

四 上传部署服务器

• 前端上传路径：/home/deploy/test/java-xxx/fe/admin/dist
• 后端上传Jar包路径：/home/deploy/test/java-xxx/be/

1. 后端启动

# 去到指定目录
cd /home/deploy/test/java-xxx/be/
# 创建文件夹
mkdir uploadPath
# 新建脚本：ry.sh
touch ry.sh

2.复制下面内容到ry.sh

#!/bin/sh
# ./ry.sh start 启动 stop 停止 restart 重启 status 状态
# xxx-admin.jar 上传的jar包名称
AppName=xxx-admin.jar# JVM参数
# -Dspring.profiles.active=prod 指定启动环境
# -Druoyi.profile=/home/deploy/test/java-xxx/be/uploadPath 指定文件上传路径
JVM_OPTS="-Dname=$AppName  -Dspring.profiles.active=prod -Druoyi.profile=/home/deploy/test/java-xxx/be/uploadPath  -Duser.timezone=Asia/Shanghai -Xms512m -Xmx1024m -XX:MetaspaceSize=128m -XX:MaxMetaspaceSize=512m -XX:+HeapDumpOnOutOfMemoryError -XX:+PrintGCDateStamps  -XX:+PrintGCDetails -XX:NewRatio=1 -XX:SurvivorRatio=30 -XX:+UseParallelGC -XX:+UseParallelOldGC"
APP_HOME=`pwd`
LOG_PATH=$APP_HOME/logs/$AppName.logif [ "$1" = "" ];
thenecho -e "\033[0;31m 未输入操作名 \033[0m  \033[0;34m {start|stop|restart|status} \033[0m"exit 1
fiif [ "$AppName" = "" ];
thenecho -e "\033[0;31m 未输入应用名 \033[0m"exit 1
fifunction start()
{PID=`ps -ef |grep java|grep $AppName|grep -v grep|awk '{print $2}'`if [ x"$PID" != x"" ]; thenecho "$AppName is running..."elsenohup java $JVM_OPTS -jar $AppName > /dev/null 2>&1 &echo "Start $AppName success..."fi
}function stop()
{echo "Stop $AppName"PID=""query(){PID=`ps -ef |grep java|grep $AppName|grep -v grep|awk '{print $2}'`}queryif [ x"$PID" != x"" ]; thenkill -TERM $PIDecho "$AppName (pid:$PID) exiting..."while [ x"$PID" != x"" ]dosleep 1querydoneecho "$AppName exited."elseecho "$AppName already stopped."fi
}function restart()
{stopsleep 2start
}function status()
{PID=`ps -ef |grep java|grep $AppName|grep -v grep|wc -l`if [ $PID != 0 ];thenecho "$AppName is running..."elseecho "$AppName is not running..."fi
}case $1 instart)start;;stop)stop;;restart)restart;;status)status;;*)esac

3.部署

# 给脚本添加执行的去哪先
chmode +x ry.sh
# 启动jar
./ry.sh start
# 重启
./ry.sh restart
# 停止
./ry.sh stop