javascript - “SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.” 在 IE11 中使用 fetch API

Question

我正在使用 JavaScript 的 fetch 函数从本地主机调用外部 POST 请求。

除了 IE11 之外，所有浏览器都工作正常，IE11 在请求时返回此错误:

“SCRIPT7002:XMLHttpRequest:网络错误 0x80070005，访问被拒绝。”在IE中

这是代码:

export const signIn = (email, password) => {
  const base64 = btoa(`${email}:${password}`);
  const headers = new Headers({
    Authorization: `Basic ${base64}`
  });
  return new Promise((resolve, reject) => {
    fetch(`${__API__}/spa/token`, {
      method: "POST",
      headers,
      credentials: "include"
    })
      .then(resp => {
        if (resp.status >= 400) {
          reject(resp);
        }
        resolve(resp);
      })
      .catch(reject);
  });
};

我在其他线程( How to solve the error "SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied." in IE )中读到的“解决方案”之一是在此处更改 IE 的配置:

Internet 选项 > 安全 > 启用以下设置:其他 > 跨域访问数据源。

对我来说，这不是一个解决方案，因为我不会要求最终用户更改他/她的配置。

此外，当我在 IE 中检查请求时，我可以看到 POST 实际上被作为 GET 调用。

更新:如果我删除 headers 选项，它可以工作，但我需要 headers。

Answer 1

好的，这就是我的解决方案:

我发现问题在于发送带有 header 的提取。如果首先我发送它时不带 header (如预检请求)，然后正常发送它就可以了。

当然，这仅适用于 IE。