vue-cli中config/index.js参数proxyTable
配置能够解决跨域问题(只适合在开发环境),通过设置proxyTable
中的参数changeOrigin
为true
,本地就会虚拟一个服务替我们接受或转发请求,这样就不会有跨域的问题了。还能通过配置简化url,例如如果要访问的接口地址为http://test.xxx.com/api/getUserInfo
,可以通过如下设置,请求url就可以用/api/getUserInfo
。其实就是匹配/api
开头的,请求时给我们加上target
配置的地址。
proxyTable: {
'/api': {
target: 'http://test.xxx.com',//请求的目标地址
changeOrigin: true,////需要虚拟主机站点
pathRewrite: {
// '^/register': '',//重写路径,一般不需要用到
}
},
}
相关地址:
https://vuejs-templates.github.io/webpack/proxy.html
https://github.com/chimurai/http-proxy-middleware