Axios 获取 HTTP 错误状态码指南：提取详细错误信息

2024-03-26 19:11:44

在 Axios 中获取 HTTP 错误的状态码

简介

使用 Axios 进行 HTTP 请求时，正确处理错误对于确保应用程序的稳定性和健壮性至关重要。本文将深入探讨如何从 Axios 中的 HTTP 错误中提取状态码和其他相关信息，从而更全面地了解错误的性质。

获取错误信息

当 Axios 请求失败时，它会抛出一个包含错误信息的错误对象。要访问这些信息，可以使用 .catch() 方法：

axios
  .get('foo.example')
  .then((response) => {
    // 请求成功
  })
  .catch((error) => {
    // 请求失败
    console.log(error); // 输出错误信息
  });

解析错误对象

默认情况下，error 对象包含一个字符串消息，请求失败的原因。然而，我们可以访问 error.response 属性来获取更详细的信息，包括状态码和响应内容：

const { status, statusText, data } = error.response;
console.log(`Status code: ${status}`);
console.log(`Status text: ${statusText}`);
console.log(`Response data: ${data}`);

status：HTTP 状态码（例如，404）
statusText：与状态码关联的文本（例如，“Not Found”）
data：服务器响应的主体内容（如果存在）

示例：获取状态码

axios
  .get('foo.example')
  .then((response) => {})
  .catch((error) => {
    const { status } = error.response;
    console.log(`Error status code: ${status}`);
  });

输出：