vue.config配置多个地址跨域

本博客是本人在开发过程中遇到问题所积累下的经验

在前端想要实现跨域
在前端使用接口的时候，如果需要使用来源不同的接口,可以在vue.config配置多个跨域。 例如下面例子中的两个配置，一个是局域网内的接口，一个是部署在外网上的接口。在使用时根据axios的baseURL进行匹配,两个axios可以写在一个文件里，create两个axios，根据其是否需要token详细配置。
代码如下（示例）：

  devServer: {
    port: 8080,
    proxy: {
      '/zjgh': {
        // 配置 proxy 代理解决跨域问题
        target: 'http://192.168.1.188:8082/zjgh', // 目标代理接口地址
        secure: false,
        changeOrigin: true, // 开启代理，在本地创建一个虚拟服务端
        pathRewrite: {
          '^/zjgh': '/'
        }
      },
      '/gisserver': {
        // 地图getshpae
        target: 'http://gisserver/mobile/TranslateServer',
        secure: false,
        changeOrigin: true,
        pathRewrite: {
          '^/gisserver': '/'
        }
      }
    }
  }