【vue】跨域解决方案之proxyTable

在开发阶段,前端调用后端接口可能会出现跨域问题,在vue-cli中已经为我们集成了http-proxy-> middleware,我们只需要在config/index.js中的proxyTable 配置即可。

如果接口是www.aaa.com/get/getList,那么有两种配置方案:

  • 方法一
proxyTable: {
  '/api': {
    target: 'www.aaa.com',
    pathRewrite: {
      '^/api': '/get'
    }
  }
}

这个时候我们请求/api/getList就是请求www.aaa.com/get/getList

  • 方法二
proxyTable: {
  '/api': {
    target: 'www.aaa.com',
    pathRewrite: {
      '^/api': ''
    }
  }
}

这个时候我们请求/api/get/getList就是请求www.aaa.com/get/getList

个人博客:午后南杂

发布了12 篇原创文章 · 获赞 6 · 访问量 2万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览