前端开发问题集:遇到跨域问题怎么办，这么解决就行了

之前在使用Vue 框架进行项目开发的时候，本地运行项目，连接到测试环境时，会遇到跨域的问题怎么解决？跨域解决办法很多，比如jsonp、CORS、代理等。在这里主要为大家介绍其中一种方法---代理。

如果是用vue-cli构建的项目，可以直接找到config/index.js文件，进行修改，将 dev中的proxyTable中添加一个映射，如下图：是将http://stretch.punan.xyz映射为/apis，

target是接口域名，changeOrigin 是否跨域，pathRewrite 需要重写的要进行设置，如下图所示：

这样接口地址最终则为http://stretch.punan.xyz/app

然后找到项目中设置axios的基本配置文件，将其修改成baseURL: '/apis'，如下图所示：

这样就本地联调时，就不会出现跨域问题了~

如有错误，欢迎指正~大家互相交流，互相学习~