使用 axioson 400 和 401 状态代码检索响应错误

Question

我正在尝试使用 axios 进行身份验证，但何时出现错误 400 或 401，在电子邮件和密码丢失或错误的情况下，我无法从 API 获取响应消息，控制台记录 axios 错误仅向我显示以下内容：错误=>错误：在XMLHttpRequest.handleLoad（1.chunk.js：103940）处的createError（1.chunk.js：104463）处的解决（1.chunk.js：104697）处请求失败，状态代码为400不知道如何获得正确的回复，如下：{“errors”：[{“message”：“请提供电子邮件和密码。”}]}这是我的代码(...)axios.post('some api for authentication',        {            email: formData.email,            password: formData.password,            remember: formData.remember        })        .then(response => {          token = response.data.session.user          console.log('response =>', token)        })        .catch((error) => {          token = null          console.log('error =>', error)        })(...)

Answer 1

根据 axios处理错误，底层错误数据message应在以下位置提供error.response.data：

.catch((error) => {

  token = null

  console.log('error =>', error.response.data)

});

您可能想要使用该示例并处理可能发生的不同类型的错误：

.catch(function (error) {

  if (error.response) {

    // The request was made and the server responded with a status code

    // that falls out of the range of 2xx

    console.log(error.response.data);

    console.log(error.response.status);

    console.log(error.response.headers);

  } else if (error.request) {

    // The request was made but no response was received

    // `error.request` is an instance of XMLHttpRequest in the browser and an instance of

    // http.ClientRequest in node.js

    console.log(error.request);

  } else {

    // Something happened in setting up the request that triggered an Error

    console.log('Error', error.message);

  }

    console.log(error.config);

});

希望这有帮助！