RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传

文章目录

一、软件安装部署
1. 安装jdk
2. mysql8安装部署
3. redis安装
4. nginx 安装部署
5. Tomcat10 下载和配置 Linux 环境
  • 效果图
  • RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_nginx_02

6. 克隆项目
git clone git@gitee.com:y_project/RuoYi-Vue.git

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_nginx_03

二、后端项目
2.1. 修改数据库连接

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_04

# 进入后端项目目录
cd RuoYi-Vue\ruoyi-admin\src\main\resources\bin

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_redis_05

2.2. 修改Redis连接信息

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_06


RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_nginx_07

2.3. 文件路径

application.yml中的profile需要改为服务器存在的真实路径,根据实际情况调整

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_redis_08

2.4. 日志存储路径调整

logback.xml文件中的路径建议改为./logs,根据实际情况调整

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_09

2.5. 修改war打包

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_10


RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_nginx_11

2.6. 编译打包
# 进入后端项目目录
cd RuoYi-Vue\bin

先清理

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_redis_12


再编译打包

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_redis_13

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_14

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_15

注:执行完成后在​​RuoYi-Vue\ruoyi\target\​​​文件夹下面会生成一个​​ruoyi-admin.war​​文件

三、前端项目
3.1. 安装依赖
# 进入前端项目
cd RuoYi-Vue\ruoyi-ui

# 安装依赖
npm install --registry=https://registry.npm.taobao.org
3.2. 构建生产环境
:prod

注:执行完成后在ruoyi-ui文件夹下面会生成一个dist文件夹

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_linux_16

四、项目部署
4.1.创建目录
cd /app
mkdir
4.2. 后端文件上传

后端编译的​​RuoYi-Vue\ruoyi-admin\target\ruoyi-admin.war​​文件上传至tomcat10的根目录下,ruoyi-admin.war包重命名为ROOT,移动到webapps下

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_17

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_18

4.3. 前端文件上传

前端编译的​​RuoYi-Vue\ruoyi-ui\dist​​下面的文件上传至/app/ruoyi-ui目录下面

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_redis_19

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_20

五、nginx配置启动
5.1. nginx配置

替换ruoyi-ui的实际存储路径即可

cd /usr/local/nginx/conf
vim

将文件内容清空并添加以下内容:

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;

location / {
#root /home/ruoyi/projects/ruoyi-ui;
root /app/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;
}
}
}
5.2. 重新启动nginx
cd
六、服务启动
6.1. redis启动
[root@node2 redis-6.2.5]# cd /usr/local/redis/bin
[root@node2 bin]# ./redis-server

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_21

6.2. 创建ry-vue数据库

初始化数据库脚本

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_22

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_redis_23

6.3. 后端项目启动
[root@node2 app]# cd /app/ruoyi
[root@node2 ruoyi]# java -jar ruoyi-admin.jar
6.4. 登录

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_文件上传_24

6.5. 效果图

RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_nginx_25


RuoYi-Vue 部署 Linux环境 若依前后端分离项目(war 包+nginx版本)_linux_26