vue2 跨域请求的问题

Question

引入axios.js

methods里面：
send(){

axios({
    method:'get',
    url:'这里是请求地址，不方便透露了'
}).then(function(resp){
    console.log(resp);
}).catch(resp => {
    console.log('请求失败');
});

},

控制台报错 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xxx.com' is therefore not allowed access.

用jquery的$.getJSON() 可以正常请求

Answer 1

跨域请求header需要配置Access-Control-Allow-Origin:跨域CORS
另外webpack-dev-server可以配置代理proxy的, 这样接口端不需要多做处理:devserver-proxy

Answer 2

开发环境可以本地配置代理来解决跨域
可参考我以前文章第七条
https://segmentfault.com/a/11...
生产环境需要后台添加响应头Access-Control-Allow-Origin

Answer 3

jq的getJSON用的是jsonp的跨域解决方法，如果可以修改接口的话，建议用在服务端设置一下header，如果用的是别人的接口那就用jsonp