Vue proxyTable配置多个接口地址,解决跨域

最开始的时候,因为请求后台出现跨域问题。
查找资料配置proxyTable,解决跨域问题。如下图所示:
Vue proxyTable配置多个接口地址,解决跨域_第1张图片
axios请求页面:

this.$axios.post('/api/weblogin/login',data).then(res=>{
        console.log(res)
})

后面遇到需要连接不同的接口域名,我在proxyTable里增加了一个apiGas。axios请求存在获取得到api但是不能获取apiGas(提示请求资源不存在)。

  proxyTable: {
      '/api': {
        target: 'http://',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/api': '/bsgzf/api/auth/' , //需要rewrite的,
        },
      },
      '/apiGas': {
        target: 'http://',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/apiGas':'/bsgzf/api/gas/'
        }
      },   
    },

查找了很多资料都没有具体的解决方法,偶然在一个相同的问题下发现一个回复,让把这两个链接位置换一下,抱着试一试的态度换了,重新运行,结果两个都可以获取了。不知道什么原理???有知道的请指教!!!
正解:

proxyTable: {
      '/apiGas': {
        target: 'http://',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/apiGas':'/bsgzf/api/gas/'
        }
      }, 
      '/api': {
        target: 'http://',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/api': '/bsgzf/api/auth/' , //需要rewrite的,
        },
      },  
    },

你可能感兴趣的:(VUE,vue)