我正在使用vue-resource与vue cli webpack我有'Access-Control-Allow-Origin'问题

Question

mounted(){
 this.$http.get('http:anotherurl.com/api/data.xml')
.then(function (response) {
    console.log(response);
  });
}

我收到此控制台错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

我使用reddit测试 vue-resource 并且它工作正常但是使用此url会出现问题。请帮忙。

Answer 1

设置anotherurl.com的人已将其配置为不允许来自非自己网站的JavaScript请求。这是HTTP / CORS的一个特性。

为了进一步阅读，Mozilla文档更详细地介绍了正在发生的事情：

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#Access-Control-Allow-Origin

Answer 2

如果您使用的是chrome，则可以获得一个忽略xframe-headers的扩展名。不知道如何在生产中解决它

Answer 3

我想说，由于vue-resource已经从2.0 v弃用，你应该在这里查看更新的API - https://github.com/mzabriskie/axios

Axios是基于强大承诺的浏览器和node.js的HTTP客户端