JavaScript - 如何处理 fetch 中的 404 错误？

Question

当我调用请求函数并传递一个我知道的数字时，我会收到 404 错误，我无法处理它，我不知道该怎么做。

async request(number) {
    var request = "https://reqres.in/api/users/"+number;

    fetch(request, {method: "GET"})
    .then((response) => {
      return response.json(); 
    })
    .then((responseJson) => {
      this.setState({nombre:responseJson.data.first_name})
    })
    .catch((error) => {
      this.setState({nombre:error})
    }).done();
}

完整代码:https://codeshare.io/5wWo9p

Answer 1

您可以检查响应状态以处理 404 或其他错误 使用下面的例子:

fetch('your url goes here')
  .then(response => {
    if (response.ok) {
      return response.json()
    } else if(response.status === 404) {
      return Promise.reject('error 404')
    } else {
      return Promise.reject('some other error: ' + response.status)
    }
  })
  .then(data => console.log('data is', data))
  .catch(error => console.log('error is', error));