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

超、凢脫俗 2022-09-09 04:59 1966阅读 0赞

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16]

### 文章目录 ###

*   *   *   *   *  一、软件安装部署
                 *   *  1. 安装jdk
                     *  2. mysql8安装部署
                     *  3. redis安装
                     *  4. nginx 安装部署
                     *  5. Tomcat10 下载和配置 Linux 环境
                     *  6. 克隆项目
                 *  二、后端项目
                 *   *  2.1. 修改数据库连接
                     *  2.2. 修改Redis连接信息
                     *  2.3. 文件路径
                     *  2.4. 日志存储路径调整
                     *  2.5. 修改war打包
                     *  2.6. 编译打包
                 *  三、前端项目
                 *   *  3.1. 安装依赖
                     *  3.2. 构建生产环境
                 *  四、项目部署
                 *   *  4.1.创建目录
                     *  4.2. 后端文件上传
                     *  4.3. 前端文件上传
                 *  五、nginx配置启动
                 *   *  5.1. nginx配置
                     *  5.2. 重新启动nginx
                 *  六、服务启动
                 *   *  6.1. redis启动
                     *  6.2. 创建ry-vue数据库
                     *  6.3. 后端项目启动
                     *  6.4. 登录
                     *  6.5. 效果图

##### 一、软件安装部署 #####

###### 1. 安装jdk ######

[https://gblfy.blog.csdn.net/article/details/103435776][https_gblfy.blog.csdn.net_article_details_103435776]

###### 2. mysql8安装部署 ######

[https://blog.csdn.net/weixin\_40816738/article/details/119544641][https_blog.csdn.net_weixin_40816738_article_details_119544641]

###### 3. redis安装 ######

[https://gblfy.blog.csdn.net/article/details/114371657][https_gblfy.blog.csdn.net_article_details_114371657]

###### 4. nginx 安装部署 ######

[https://gblfy.blog.csdn.net/article/details/119536779][https_gblfy.blog.csdn.net_article_details_119536779]

###### 5. Tomcat10 下载和配置 Linux 环境 ######

[https://blog.csdn.net/weixin\_40816738/article/details/90391526][https_blog.csdn.net_weixin_40816738_article_details_90391526]

*  效果图  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 1]

###### 6. 克隆项目 ######

git clone git@gitee.com:y_project/RuoYi-Vue.git

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 2]

##### 二、后端项目 #####

###### 2.1. 修改数据库连接 ######

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 3]

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

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 4]

###### 2.2. 修改Redis连接信息 ######

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 5]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 6]

###### 2.3. 文件路径 ######

application.yml中的profile需要改为服务器存在的真实路径，根据实际情况调整  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 7]

###### 2.4. 日志存储路径调整 ######

logback.xml文件中的路径建议改为./logs，根据实际情况调整  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 8]

###### 2.5. 修改war打包 ######

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 9]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 10]

###### 2.6. 编译打包 ######

# 进入后端项目目录
    cd RuoYi-Vue\bin

先清理  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 11]  
再编译打包  
![在这里插入图片描述][5fa3a90ee7c543b7a6e7f67721b73a7a.png]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 12]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 13]

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

##### 三、前端项目 #####

###### 3.1. 安装依赖 ######

# 进入前端项目
    cd RuoYi-Vue\ruoyi-ui
    
    # 安装依赖
    npm install --registry=https://registry.npm.taobao.org

###### 3.2. 构建生产环境 ######

# 构建生产环境
    npm run build:prod

注：执行完成后在ruoyi-ui文件夹下面会生成一个dist文件夹  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 14]

##### 四、项目部署 #####

###### 4.1.创建目录 ######

cd /app
    mkdir ruoyi ruoyi-ui -p

###### 4.2. 后端文件上传 ######

后端编译的`RuoYi-Vue\ruoyi-admin\target\ruoyi-admin.war`文件上传至tomcat10的根目录下，ruoyi-admin.war包重命名为ROOT，移动到webapps下  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 15]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 16]

###### 4.3. 前端文件上传 ######

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

![在这里插入图片描述][883c964d523949e88b70f2bb5da7758c.png]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 17]

##### 五、nginx配置启动 #####

###### 5.1. nginx配置 ######

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

cd /usr/local/nginx/conf
    vim nginx.conf

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

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 /usr/local/nginx/sbin

##### 六、服务启动 #####

###### 6.1. redis启动 ######

[root@node2 redis-6.2.5]# cd /usr/local/redis/bin
    [root@node2 bin]# ./redis-server

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 18]

###### 6.2. 创建ry-vue数据库 ######

初始化数据库脚本![在这里插入图片描述][34b50b85de5f4438b7556dc79b857471.png]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 19]

###### 6.3. 后端项目启动 ######

[root@node2 app]# cd /app/ruoyi
    [root@node2 ruoyi]# java -jar ruoyi-admin.jar

###### 6.4. 登录 ######

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 20]

###### 6.5. 效果图 ######

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 21]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 22]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/2c5cee209c704eb0ab9d22d118c1bd67.png
[https_gblfy.blog.csdn.net_article_details_103435776]: https://gblfy.blog.csdn.net/article/details/103435776
[https_blog.csdn.net_weixin_40816738_article_details_119544641]: https://blog.csdn.net/weixin_40816738/article/details/119544641
[https_gblfy.blog.csdn.net_article_details_114371657]: https://gblfy.blog.csdn.net/article/details/114371657
[https_gblfy.blog.csdn.net_article_details_119536779]: https://gblfy.blog.csdn.net/article/details/119536779
[https_blog.csdn.net_weixin_40816738_article_details_90391526]: https://blog.csdn.net/weixin_40816738/article/details/90391526
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/6d4f0acf939d48a5886dd90beec03007.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220829/71e22c8d75424f8bb9229eca01502b00.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220829/956a19e2524645f88f6bae7f3ac74210.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220829/62308ec5cb884f0eb95b6ba3fb37b1b9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220829/23ecf81d820d4265a1ab491fe5fe6114.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220829/d9b748f73efb4707b64aa3f5318c7c95.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220829/d065e4cfc917414ebf84b41640b3a259.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220829/b42e4463ff9e45a7a4db42776e4428a6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220829/b608aeb0f3fe4700b5372182444c937f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220829/483dbd4908954b8991b3109142134e18.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220829/1789f89604d44b89bfc64c71011efbcc.png
[5fa3a90ee7c543b7a6e7f67721b73a7a.png]: /images/20220829/d1d4b8fff9c241999519f838addeb434.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220829/b5c0e96de4ea4caf97609527ade303f2.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220829/475e7b48db5e4cb5ac54e0f0f67c641c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220829/8a64b6dcec4c41449e8038046dd81810.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 15]: /images/20220829/fc4c9c010c8c4e8fa5226c365e898463.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 16]: /images/20220829/7a528518c2574d9f8cddcca4d6063136.png
[883c964d523949e88b70f2bb5da7758c.png]: /images/20220829/f706f39de4924d63a7821a0229b1762f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 17]: /images/20220829/ca60350b7a2b49d2abf0f2fc9f80c627.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 18]: /images/20220829/ac36fd933aab48faa18b832758a829e1.png
[34b50b85de5f4438b7556dc79b857471.png]: /images/20220829/7b0555c5cc384ba6a743289847aa1d82.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 19]: /images/20220829/da951d31398e43d6a2ac8f12be0c3889.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 20]: /images/20220829/d25e4356cc1d448cb8b7301c46908148.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 21]: /images/20220829/1e369a4eedac40189d48047872c3c671.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16 22]: /images/20220829/e97392ce1cda496b9d45998baa38a114.png