在开发阶段,前端调用后端接口可能会出现跨域问题,在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
个人博客:午后南杂