CORS 没有 Access-Control-Allow-Origin 标头

Question

在我的 Javascript 文件中，我想从该站点加载 xml 数据：https://www.anime2you.de/feed/

但尽管使用了 CORS，但我总是得到没有 Access-Control-Allow-Origin 标头。是我误解了 CORS 的概念/用法还是网站有问题？

我的代码：

var feeds = ["https://www.anime2you.de/feed/"];

var createCORSRequest = function(method, url) {
  var xhr = new XMLHttpRequest();
   if ("withCredentials" in xhr) {
   // Most browsers.
    xhr.open(method, url, true);
   } else if (typeof XDomainRequest != "undefined") {
     // IE8 & IE9
       xhr = new XDomainRequest();
       xhr.open(method, url);
   } else {
     // CORS not supported.
       xhr = null;
   }
 return xhr;
};

var url = 'https://www.anime2you.de/feed/';
var method = 'GET';
var xhr = createCORSRequest(method, url);

xhr.onload = function() {
  alert("success");
};

xhr.onerror = function() {
  alert("fail");
};

xhr.send();

提前致谢 新星

Answer 1

你设置了header("Access-Control-Allow-Origin: *");在您要求的脚本上？ https://www.anime2you.de/feed/ 如果您使用带通配符的 Access-Control-Allow-Origin，则在

中将凭据设置为 false

xhr.withCredentials = false;

如果您可以设置发出请求的服务器的域名，即

header("Access-Control-Allow-Origin: http://domain-where-js-sits"); 

那么你可以这样做：

xhr.withCredentials = true;

并设置这些其他标题：

Access-Control-Allow-Methods: POST
Access-Control-Allow-Headers: Content-Type 

另一种方法是使用 jsonp - 这可能对您不起作用，因为响应需要在 json 中：

function response(data) {
    edit the returned data here
}

var script = document.createElement('script');
script.src = 'https://www.anime2you.de/feed/?callback-response';
document.body.appendChild(script);