为什么 fetch 返回 status = 0 的响应？

Question

我想使用 fetch API 从 URL 获取整个 HTML 文档。

let config = {
method: 'GET',
headers: {
    'Content-Type': 'application/json',
    'Accept': 'text/html',
    'Accept-Language': 'zh-CN',
    'Cache-Control': 'no-cache'
},
mode: 'no-cors'};

fetch('http://www.baidu.com', config).then((res)=> {
console.log(res);}).then((text)=> {});

当我在 chrome 中运行代码时，它会触发一个请求并在 chrome 网络选项卡中返回 html。但 fetch res 返回：

为什么状态为 0，我怎样才能获得像 chrome 网络中的那样正确的 res ？

Answer 1

在config.mode 的no-cors 部分：

no-cors — 防止方法成为 HEAD、GET 或 POST 以外的任何方法。如果任何 ServiceWorkers 拦截了这些请求，他们可能不会添加或覆盖除这些之外的任何标头。此外，JavaScript 可能不会访问结果响应的任何属性。这可确保 ServiceWorker 不会影响 Web 的语义，并防止因跨域泄露数据而引起的安全和隐私问题。

实际上，您从发出此类请求（将no-cors 指定为模式）得到的响应将不包含有关请求是成功还是失败的信息，从而使状态码为0。从您的@987654327 中删除mode @call 将显示 CORS 实际上失败了。

要了解 0 在您的特定情况下的含义，请查阅其他 SO 答案。