获取返回 404 错误：“GET <urlthatIwasfetchinghere> 404（未找到）”

Question

我正在使用 fetch，据我了解，从不存在的页面获取时应该发生 404 代码，但不会发生 GET 404 错误。我正在使用开放的天气图 api。我得到的错误是GET ${forcastUrl} 404 (Not Found)。

我的 fetch 语句如下所示：

function fetchingForcast(forcastUrl){
    fetch(forcastUrl)
    .then(validateWeatherResponse)
    .then(responseToJSON)
    .then(dat => {
      forcastDat = dat;
      updateforcastPanel();
    })
    .catch(error=>{
      console.log(error);
    })
  }

function validateWeatherResponse(response){
  if (response.ok){
    return response;
  } else {
    throw Error("response.ok: "+ response.ok);
  }

validateWeatherResponse 检查响应是否正常，如果不正常，则抛出错误。但是，当它确实抛出错误时，它应该去捕获并 console.log 错误。当我在 chrome 上使用 debug devtool 时，一旦调用 validateWeatherResponse，就会出现错误。

除了这个错误，当我输入正确的网站时，我的代码可以工作。据我了解，不应发生 404 错误，因此我想了解为什么会发生这种情况。 谢谢！

Answer 1

来自MDN's HTTP status code documentation：

404 未找到 服务器找不到请求的资源。在浏览器中，这意味着无法识别 URL。在 API 中，这也可能意味着端点有效但资源本身不存在。此响应代码可能是最著名的响应代码，因为它在网络上频繁出现。

404 错误代码表示您请求的网站或端点不存在，如果您请求的页面不存在，这肯定是意料之中的。

如果您仍然对错误感到困惑，请在评论中告诉我。