vue 已拿到数据，但控制台提示跨域

Question

在请求第三方 API 时，network 可以拿到数据，但控制台提示跨域
(ps:$http === Axios 提前做了封装)

Answer 1

跨域是不影响http请求的返回的，只不过你的js无法使用返回的数据了。。

Answer 2

webpack vue-cli 配置跨域
proxyTable: {
'/api': {

target: 'http://xxxxxxxx.com',
changeOrigin: true,
pathRewrite: {
  '^/api': ''
}

}
}

Answer 3

跨域限制是浏览器出于安全考虑做的限制
如果只是开发环境需要跨域的话，可以关闭chrome的跨域限制，在命令行输入：
open -n /Applications/Google Chrome.app/ --args --disable-web-security --user-data-dir=/Users/你的用户名/MyChromeDevUserData/

生产环境的话，找后台做CORS
如果是要调用别人的api，就用JSONP吧，或者自己写个简单的服务器做代理

Answer 4

和题主一模一样的报错，这是因为你在用类似Vue.prototype.$http = axios方式定义axios的同时，还定义了 Vue.use(Axios)，这会导致打开页面的时候他会带一次空的头部去访问，导致上面的报错，同样的问题困扰了我好几天！！！
解决办法就是：去掉后者（ Vue.use(Axios) )就ok了。