在vue-cli的config文件下的index.js里有一个参数叫proxyTable;
这里要注意:
dev就是你开发环境,也就是npm run dev;
build就是发布也就是生产环境,没有其他多余的东西。也就是npm run build;
你要注意dev和build所用的webpack配置是不同的。
proxyTable: {
'/list': {
target: 'http://api.xxxxxxxx.com',
changeOrigin: true,
pathRewrite: {
'^/list': '/list'
}
}
}
上述例子的效果就是,匹配到/list 的http请求都会走
http://api.xxxxxxxx.com
changeOrigin参数,接收一个布尔值,如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求,这样就不会有跨域问题了,当然这只适用于开发环境;
pathRewrite参数是来重写地址的,这样写就相当于你url写的是'/list',访问的实际是
http://api.xxxxxxxx.com/list
'