if 语句不适用于 fetch 请求

Question

这是一个分页功能，有时响应为空，API返回如下代码

{
  "code": "rest_post_invalid_page_number",
  "message": "Le nombre de page demandé est plus grand que le nombre de pages disponibles.",
  "data": {
    "status": 400
  }
}

为了处理这个错误，我做了一个 if 语句，但它不起作用，它直接返回 JSON

pagination = (mode) => {
      fetch(url)
        .then((response) => {
          if (!response.data.status === 400) {
            return response.json();
          } else {
         this.setState({error: 'pagination error'})
         }
        })
        .then((data) => {
          this.setState({
            data: data,
            done: true,
            loading: false,
            page: this.state.page + 1,
          });
        })
        .catch((error) => {
          console.log("error :", error);
          this.setState({
            error: error.toString(),
            loading: false,
          });
        });
  };

我还在.then(data) 中包含了代码我遇到了同样的问题

最后在 catch 错误中触发了什么

Answer 1

如果服务器正确设置了HTTP状态，你应该直接检查response.status或response.ok。

if (response.status !== 400)
// or
if (response.ok) // status in the range 200-299