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

Axios 是一个流行的 JavaScript HTTP 客户端库，它提供了一种简单、直观的方式来发送 HTTP 请求。但是，在使用 Axios 时，你可能会遇到 HTTP 错误，如 404 Not Found 或 500 Internal Server Error。在这种情况下，你可能需要获取 HTTP 错误的状态码，以便于进行相应的处理。本文将详细介绍如何在 Axios 中获取 HTTP 错误的状态码，并提供示例代码和学习指导。

获取 HTTP 错误的状态码

当 Axios 发送 HTTP 请求时，如果服务器返回错误响应，Axios 将抛出一个错误。你可以通过 try...catch 语句捕获该错误，并从错误对象中获取状态码。错误对象包含一个名为 response 的属性，其中包含有关请求和响应的详细信息，包括状态码。因此，你可以使用 response.status 属性来获取 HTTP 错误的状态码。以下是一个示例代码：

try {
  const response = await axios.get('https://example.com/api');
  console.log(response.data);
} catch (error) {
  console.error(error.response.status);
}

在上面的示例中，我们使用 axios.get 方法发送一个 GET 请求，如果服务器返回错误响应，则控制台将输出错误的状态码。请注意，我们使用 error.response.status 来获取状态码，而不是 error.status。这是因为 error 对象本身不包含状态码，而是通过 response 属性传递的。

学习指导

了解如何在 Axios 中获取 HTTP 错误的状态码对于开发人员来说非常重要。如果你知道状态码，就可以根据情况采取相应的措施，例如重新发送请求、重定向或显示错误消息。此外，学习如何处理 HTTP 错误还有助于提高代码的可靠性和稳定性。

以下是一些额外的学习资源，可以帮助你深入了解如何使用 Axios 处理 HTTP 错误：

• Axios 官方文档
• Handling Errors in Vue.js with Axios

结论

在本文中，我们详细介绍了如何在 Axios 中获取 HTTP 错误的状态码，并提供了示例代码和学习指导。通过掌握这些技能，你可以更好地处理 Axios 中的 HTTP 请求和响应，并构建更可靠的 Web 应用程序。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28941