Ruoyi-Vue配置2个后台接口地址方法

需求

系统使用ruoyi-vue作为基础开发框架，已实现很多业务功能，新增加了一个功能模块，但是新功能预计会频繁修改，频繁上线，而每次上线都会影响到原有的系统功能。为了不影响原有系统功能，要求独立开发新模块，独立迭代。独立部署，但是要在后台系统菜单中管理。即一个前端系统，2个后台服务地址，使用相同的数据库。

具体实现

1. 在环境配置文件中增加一个后台的baseURL配置，命名随意，配置第二个后台的调用地址

# 若依管理系统/开发环境
VUE_APP_BASE_API = '/'
VUE_APP_BASE_API2 = 'http://localhost:8090/'

2. vue.config.js保持不变

proxy: {
   [process.env.VUE_APP_BASE_API]: {
      target: "http://localhost:8080",
      changeOrigin: true,
      pathRewrite: {
        ['^' + process.env.VUE_APP_BASE_API]: ''
      }
   }
}

3. 在声明调用接口的js文件里面，在需要调用的接口里面，直接引用，可以覆盖第2点的地址配置

export function menuList(data) {
  return request({
    url: api+'/goods/ecppMenu/list',
    method: 'GET',
    params: data,
    baseURL: process.env.VUE_APP_BASE_API2
  })
}

到此，配置完成，可以启动2个后台系统，然后再启动前端，登录上去测试了。
原文地址：https://gitee.com/y_project/RuoYi-Vue/issues/I4547L