如何从 Axios 中的 http 错误中获取状态码?

在使用 Axios 进行网络请求时，我们可能会遇到一些 http 错误，例如 404 Not Found、 500 Internal Server Error 等等。此时，我们需要获取这些错误的状态码，以便进行相应的处理。

获取 http 错误的状态码

在 Axios 中，http 错误会被封装成一个 JavaScript 错误对象，我们可以通过捕获这个错误对象来获取其中的状态码。以下是一个示例的代码片段：

import axios from 'axios';

axios.get('/api/user/123')
  .then(response => {
    // 处理请求成功的情况
  })
  .catch(error => {
    if (error.response) {
      // 当请求失败时，会有一个 response 对象
      // 这个对象包含了 http 错误的相关信息
      console.log(error.response.status);
    }
  });

在上面的代码中，我们使用了 Axios 的 get 方法向后端发起了一个 GET 请求。如果请求失败，就会进入到 catch 块中。此时，我们可以通过判断 error 对象中是否存在 response 属性来确定是否是 http 错误。如果存在，我们就可以使用 response 对象来获取 http 错误的状态码。

总结

以上是从 Axios 中的 http 错误中获取状态码的方法。在实际开发中，我们应该根据具体情况来处理 http 错误，并给用户提示相应的信息。如果您正在开发一个前端项目，建议您使用 Axios 来进行网络请求，这样可以方便地处理 http 错误，提高用户体验。