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

悠悠 2022-09-09 06:06 288阅读 0赞

> 接上一篇：[RuoYi-Vue 部署 Linux环境 若依前后端分离项目（jar包+nginx 单机版本）][RuoYi-Vue _ Linux_ _jar_nginx]

> 前端和后端不在一个服务器上，如何部署呢？

### 文章目录 ###

*   *   *   *   *   *  1. 服务器和软件部署
                     *  2. 后端部署
                     *  3. 前端部署
                     *  4. 登录
                     *  5. 效果图

###### 1. 服务器和软件部署 ######

<table> 
 <thead> 
  <tr> 
   <th>服务器ip</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>192.168.92.102</td> 
   <td>后端</td> 
  </tr> 
  <tr> 
   <td>192.168.92.103</td> 
   <td>前端</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>服务器ip</th> 
   <th>软件</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>192.168.92.102</td> 
   <td>redis</td> 
  </tr> 
  <tr> 
   <td>192.168.92.102</td> 
   <td>mysql</td> 
  </tr> 
  <tr> 
   <td>192.168.92.103</td> 
   <td>nginx</td> 
  </tr> 
 </tbody> 
</table>

###### 2. 后端部署 ######

*  启动mysql  
    略
 *  启动后端

java -jar ruoyi-admin.jar

*  启动redis

./redis-server

###### 3. 前端部署 ######

将102服务器上的ruoyi-ui文件夹，上传到103的/app目录下

*  配置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;
    
    		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;
    			# 这里需要配置访问后端的ip地址
    			proxy_pass http://192.168.92.102:8080/;
    		}
    
            error_page   500 502 503 504  /50x.html;
            location = /50x.html { 
                root   html;
            }
        }
    }

*  启动nginx

./nginx

###### 4. 登录 ######

[http://192.168.92.103/][http_192.168.92.103]

###### 5. 效果图 ######

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

[RuoYi-Vue _ Linux_ _jar_nginx]: https://gblfy.blog.csdn.net/article/details/105374594
[http_192.168.92.103]: http://192.168.92.103/
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZ2JsZnk_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/ebe798cd7300435c812319616a9d77c7.png