提取API，Chrome和404错误

Question

提取API，Chrome和404错误

Kir*_*mbi 5 javascript google-chrome fetch-api

我在玩fetch，并且注意到当我获取的资源不存在（又名404）时，只有Chrome显示错误：

Edge和Firefox都不这样做，并且使用fetch的404错误似乎也不会触发NetworkError使我的catch错误处理程序得到通知。我应该怎么做才能避免Chrome中出现此错误？

如果您需要它，我的完整代码如下所示：

fetch("https://www.kirupa.com/book/images/learning_react2.gif", {
    method: "head",
    mode: "no-cors"
})
.then(function(response) {
    if (response.status == 200) {
        console.log("file exists!");
    } else {
        console.log("file doesn't exist!");
    }
    return response.text();
})
.catch(function(error) {
  console.log("Error ", error);
});

Run Code Online (Sandbox Code Playgroud)

谢谢，基鲁帕

Answer 1

zer*_*298 6

当我获取的资源不存在时，只有 Chrome 会显示错误（也称为 404）

我在 Firefox、Chrome 和 Safari 中将此视为错误。

我正在使用的代码

我尝试使用以下运行来复制您所说的内容http-server。没有“data.json”文件。

索引.html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Async Test</title>
    <script src="index.js"></script>
</head>

<body>
    <main>
        <h1>Async Test</h1>
    </main>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

索引.js

(async function() {
  let a;
  try {
    a = await fetch("./data.json", {
      method: "head"
    });
    console.log("No error");
  } catch (err) {
    console.log("Caught an error");
  }
  console.log(a);
}());

(function() {
  fetch("./data.json", {
      method: "head"
    })
    .then(data => {
      console.log("No error");
      console.log(data);
    })
    .catch(err => {
      console.log("Caught an error");
    });
}());

Run Code Online (Sandbox Code Playgroud)