前两天遇到了跨域问题，报了AccesstoXMLHttpRequestat‘httplocalhost的错，在网上找了一些资料，我是通过配置vue.config.js、proxy实现的，感觉非常方便，分享给大家！一、背景补充（jsonp）首先，来个背景，为什么会出现跨域？--（先了解一下另一种jsonp，我用的不是这种方法，但怎么说呢，比如面试，多了解几种方法总是好的，jsonp就不贴具体方法了，因为我这次没试）因为浏览器有同源策略（补充：协议、域名、端口相同是同源，同源策略限制：1、js脚本不能访问另一个域下的cookie、localstorage2、不能操作另一个域dom3、ajax不能跨

1.下载vue-jsonp解决跨域问题npminstallvue-jsonp2.在main.js中引用import{VueJsonp}from'vue-jsonp'Vue.use(VueJsonp)3.调用腾讯地图APIvarurl='https://apis.map.qq.com/ws/location/v1/ip';this.$jsonp(url,{key:'你的Key',output:'jsonp',//以下填写需要携带的参数（有几个写一个）ip:ip,}).then(res=>{if(res.status==0){this.location={cityId:'510100',lat:r

如果在后端django里配置了django-cors-headers，前端还是报AccesstoXMLHttpRequestat‘httplocalhost这样的跨域问题，可以通过以下的方式解决！通过配置vue.config.js、proxy实践解决跨域方法（基于封装好的axios，非原生）1、在vue项目根目录下找到vue.config.js文件（如果没有该文件则自己创建），在proxy中设置跨域，在proxy中设置要访问的地址，并重写/api为空的字符串。vue.config.js//const{defineConfig}=require('@vue/cli-service')//在vue

如果在后端django里配置了django-cors-headers，前端还是报AccesstoXMLHttpRequestat‘httplocalhost这样的跨域问题，可以通过以下的方式解决！通过配置vue.config.js、proxy实践解决跨域方法（基于封装好的axios，非原生）1、在vue项目根目录下找到vue.config.js文件（如果没有该文件则自己创建），在proxy中设置跨域，在proxy中设置要访问的地址，并重写/api为空的字符串。vue.config.js//const{defineConfig}=require('@vue/cli-service')//在vue