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

最开始的时候,因为请求后台出现跨域问题。
查找资料配置proxyTable,解决跨域问题。如下图所示:
在这里插入图片描述
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的,
        },
      },  
    },
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值