为什么使用Fetch API的GET请求会将服务器响应错误消息记录到浏览器控制台？ [英] Why does a GET request with fetch API log a server response error message into the browser console?

问题描述

我使用FETCH-API向Spring Boot后端发送GET请求。该请求如下所示：

  const response = await fetch(url);
  if (response.status === 200) {
      // do something
  } else {
      response.json().then(response => console.log(response));
  }

如果我发送了一个有效的请求，即传递给fetch()的url是有效的，那么一切都很正常。但是，如果我将无效url传递给fetch()，似乎会发生两件事：

1. 抛出服务器响应消息：

2. 我的Spring Boot后端返回一个带有自定义错误消息的ResponseEntity作为正文。此错误消息记录在上述代码片段的Else-块中：

虽然我确实希望第二点会发生，但我无法解释第一点。我不明白为什么这个服务器响应错误会记录到我的浏览器控制台中。我的代码中确实有几个Catch块，类似于：

const response = await fetch(url).catch(error => console.log(error));

然而，据我所知，FETCH只有在发生网络连接错误或类似错误时才会抛出错误。响应代码不等于200不会导致FETCH引发错误。所以，就像我说的，我不知道这个错误消息是从哪里来的，我希望有人知道，也许是我不知道的Fetch API的一些通用的东西？

推荐答案

我建议使用&Try Catch；以更好地捕获错误。

如果响应是肯定的并且是json，请在获取后使用"；然后"；。

try {
  const response = await fetch(url).then(res => res.json());
  // do something
} catch (e) {
  console.error(e);
}
  

如果收到400错误，请查看API文档以确定是否错误地传递了参数。或者如果这不是路线

这篇关于为什么使用Fetch API的GET请求会将服务器响应错误消息记录到浏览器控制台？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！