VUE:跨域设置

相信很多小伙伴在开发过程中遇到比较头疼的事情之一，就是在本地与非本地环境中的接口进行联调（至少我一厢情愿的这么认为OTZ）。在最近的开发过程中，不可避免的，我也遇到了这个问题，毕竟在本地YY写完代码，再上传测试实在是太。。。蛋疼。接下来，我将就我遇到的问题以及解决方式与众位小伙伴分享~（掌声~）

在此项目中，我使用了vue的脚手架，vue-cli，跨域的设置在config文件夹下的index.js中。通过在该JS文件中的dev对象里配置proxyTable来实现跨域设置。举个栗子：

proxyTable: {
 '/api': {
   target: 'https://xxxxx/api',
   changeOrigin: true,
   pathRewrite: {
     '^/api': ''
   }
 }
},

在该项配置中，target设置的是需要访问的API的域名，配置结束后，如果需要访问https://xxxxx/api/xxxx/xxx，只需要将访问的链接地址设置为/api/xxxx/xxx即可，webpack会进行转发。

PS：如果在项目路径中没有找到config文件夹的童鞋，你可能需要更新下vue-cli了，老版本的vue-cli没有config以及build文件夹。（一开始我设置失败了就是这个原因，感觉装了个假的脚手架→_→。。）

来源：CSDN

作者：MRblackLu

链接：https://blog.csdn.net/MRblackLu/article/details/63888636