ruoyi前后端分离版，本地启动vue，连接云服务器后台服务修改配置过程_vue本地运行并连接服务器

---

前言

使用ruoyi前后端分离版，本地只运行ruoyi-vue前端项目，后端代码包并不在本地启动，本文只做修改记录。

---

一、修改vue.config.js文件中target值

devServer: {
    host: '0.0.0.0',
    port: port,
    open: true,
    proxy: {
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        // target: `http://localhost:8080`, 注释掉默认配置，修改为如下ip配置
        target: `http://你远程服务器的ip(例如x.x.x.x):8080`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },
    disableHostCheck: true
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

二、修改服务器nginx代理配置

	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/; 这是原来的配置可以删除这行
			proxy_pass http://服务器的ip地址:8080/;
		}
 
1
2
3
4
5
6
7
8
9

总结

修改如上两处配置即可