配置代理跨域多个api

配置代理跨域多个api

问题：前端项目-尚品汇之后台管理品牌列表展示处的api配置代理跨域多个api冲突解决在此项目中，登录所设置的接口api为http://39.98.123.211:8170，而获取后台商品的api为http://39.98.123.211:8510,此时就会出现登录后获取不到404，若配置第二个则会出现登录时404

解决方法：
在env.development文件下修改如下:

# just a flag
ENV = 'development'

# base api
VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API_ENTER = '/dev-enter'

在vue.config.js修改如下：

    //配置代理跨域
    proxy:{
      //登录接口
      'dev-api':{
        target:'http://39.98.123.211:8170',
        pathRewrite:{'^/dev-api':'',}
      },
      //商品后台接口
      '/dev-enter':{
        target:'http://39.98.123.211:8510',
        pathRewrite:{'^/dev-enter':'',}
      },

在src\api\product\tradeMark.js下修改如下：

//获取品牌管理数据模块
import request from '@/utils/request'
//获取品牌列表接口
export const reqTradeMarkList = (page, limit) => request({ 
	//添加此处修改baseURL使其重定向到我们设置的api
    baseURL:process.env.VUE_APP_BASE_API_ENTER,
    url: `/admin/product/baseTrademark/${page}/${limit}`, 
    method: 'get' });