在vue项目中若依框架设置多个proxy跨域代理
1、问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。
2、用了这个方法，在开发阶段，就不用设置 axios 中的 baseUrl 了，或者这样设置：然后开发阶段，你的一些ajax的请求的 url 就会匹配到 /api 开头，设置 proxy了 千万不要这么设置：看似匹配到了，实际上没有生效。。
3、直接再问vue中使用nodeJS进行代理就可以解决跨域问题。
4、vue 中的 proxy 就是利用了 Node 代理，原理还是因为服务器端没有跨域这一说嘛，也是用了这么一个插件 地址 ‘/api’：是指遇到这个字符开头的话，在这个字符前面加上target里面的ip或者域名。
Vue项目中跨域问题的解决
1、问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。
2、直接再问vue中使用nodeJS进行代理就可以解决跨域问题。
3、与后台沟通后设置：在其他非vue项目的服务环境下调试接口正常，但本项目中发现还是报错：找了许久，还需后台配置白名单：至此，跨域问题解决。另外，跨域问题分很多种，只要仔细分析报错问题就会有解决的办法。
4、vue项目站点url api接口url 在vue项目站点的nginx配置文件中添加：仅以此记录，避免后续踩坑。
5、最近在使用vue-cli搭建项目的过程中，遇到了跨域请求数据的问题，这里贴出我的解决方法，希望对大家有所帮助。
vue跨域解决方法
1、怎么解决跨域？最常用的三种方式： JSONP、CORS、postMessage 。
2、问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。
3、这种方式可以解决问题，但是不够直接和高效。目前，比较常见的跨域解决方案包括JSONP (JSON with padding)和CORS (Cross-origin resource sharing )。
VUE本地跨域解决方案
问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。
缺点：JSONP只支持GET请求； XMLHttpRequest相对于JSONP有着更好的错误处理机制 CORS ：是W3C 推荐的一种新的官方方案，能使服务器支持 XMLHttpRequest 的跨域请求。
首先，按win+r打开vuelocalhost运行窗口，输入drivers，然后回车。其次，打开etc文件夹，然后用记事本的方式打开里面的hosts文件。最后，可以任意修改localhost的名字，把它改在我们需要的域名试下。
这种方式可以解决问题，但是不够直接和高效。目前，比较常见的跨域解决方案包括JSONP (JSON with padding)和CORS (Cross-origin resource sharing )。
与后台沟通后设置：在其他非vue项目的服务环境下调试接口正常，但本项目中发现还是报错：找了许久，还需后台配置白名单：至此，跨域问题解决。另外，跨域问题分很多种，只要仔细分析报错问题就会有解决的办法。