webpake怎么配置多个接口地址

Question

vue项目，webpake怎么配置多个接口地址(不是指生开发和生产环境配置不同的地址)。

后台提供的接口服务器地址不同，开发环境中用代理配置了不同的接口地址，但是build的时候prod.env.js文件中能配置多个地址吗

相关代码

// config中配置了代理

proxyTable: {
  '/Wei':{
    target: 'http://xxx.xxx.xxx.1:8686',
    changeOrigin: true,
    pathRewrite: {
      '^/Wei': '/Wei'
    },
  },
  '/ios':{
    target: 'http://xxx.xxx.xxx.2:8014',
    changeOrigin: true,
    pathRewrite: {
      '^/ios': '/ios'
    },
  },
},

//prod.env.js文件

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  // BASE_API: '"http://xxx.xxx.xxx.1:8686"',
  // BASE_API: '"http://xxx.xxx.xxx.2:8014"',
}

不知道生产环境下多个接口地址怎么配置[・ヘ・?]

补充一下。。我用的axios,在prod.env.js设置好不同名字的接口地址后，给axios配置的baseURL可以通过参数控制走哪条接口名。请求的时候控制参数。感觉有点麻烦。。

Answer 1

在prod.env.js里面使用不同的名字不就好了