vue-cli配置域名,解决开发环境的跨域问题

在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
'
原文地址:https://www.cnblogs.com/lqzweb/p/7101600.html