javascript - 确定由于CORS问题导致的提取错误

Question

我想告诉您资源加载是否由于CORS错误而失败，因为我想使用在服务器上设置的代理。除非绝对必要，否则我不希望使用我的代理，因为会通过它传递很多额外的数据。

当我做:

fetch("https://some-resource-somewhere-that-a-user-has-provided")
    .then(response => {
      // do stuff with the response
    }).catch((e) => {
       // e === Error("TypeError: Failed to fetch")
    });

该错误是毫无帮助的(至少在chrome上)，但是控制台中有红色的大文字为我提供了我需要的信息!

我该怎么告诉

TypeError: Failed to fetch

是CORS问题，还是其他一些负载问题？

Answer 1

我想出了以下解决方案:

var xhttp = new XMLHttpRequest();
xhttp.onerror = function () {
  if (this.status === undefined || this.status === 0) {
    console.log('error due to CORS issue');
  } else {
    console.log("** An error occurred during the transaction", this);
  }

};
xhttp.open("GET", "https://stackoverflow.com", true);
xhttp.send();