在反应中读取错误对象

Question

我正在调用 AJAX，成功时我可以读取 API 返回的响应，但是当出现错误时，我只会从服务器获取错误，但不是消息

这是我的操作代码

export const updateUsersAction = (id) => {
  return (dispatch) => {
    dispatch(beginRequest());
    return updateUsers(id)
      .then(response => {
        dispatch(updateUsersSuccess());
        return response.data;
      })
      .catch(error => {
        dispatch(defaultError(error));
        throw (error);
      });
  };
};

找不到id时服务器的错误是#400，但是有一个特定的消息

{
    "error_message": "The id for this team was not found"    
}

如何阅读 error_message？谢谢

export const updateUsers = function(id) {

  return axios.post(
    `/api/update_users/`,
    {
      id: id
    }
  );
};

Answer 1

错误 JSON 可以在 error.response.data 上找到，在本例中 error.response.data。error_message

参考https://github.com/axios/axios#handling-errors

在反应中读取错误对象

Reading error object in react

ajax

action

reactjs