javascript - 检索不同错误结果的 React Fetch 错误文本

Question

因此，我正在获取一个 url，我的 API 返回数据或带有一些错误代码的 500 错误。我正在 try catch 错误代码并将其显示在 React 中。在控制台中，我看到错误，但它看起来像这样:

所以，我看到“未找到”，这是我想要显示的文本，但是如何将此文本从错误格式中取出以便我可以在其他地方使用它？

这是我的代码，希望这能理解我想要做的事情:

callApi = async (url) => {
    const response = await fetch(url);
    const body = await response.json();

    if (response.status !== 200) throw Error(body.messages);

    return body;
};

this.callApi(url)
  .then(results => {
      this.function(results);
  })
  .catch(err => {
      console.log(err);
      
      if (err === "Not Found") {
          console.log('Not Found')
      }
      
      if (err === "No Access") {
          console.log('No Access')
      }
  });

Answer 1

JavaScript 错误继承自基 Error目的。这意味着它们几乎总是有一个设置的 message 属性，这意味着您可以简单地执行以下操作:

console.log(err.message);

还要明确的是，fetch是一个浏览器API，与React无关。