Axios在npm中的请求状态码如何获取？

随着互联网技术的飞速发展，前端开发工具和框架层出不穷。Axios 作为一款流行的 HTTP 客户端，在 npm 中得到了广泛的应用。那么，Axios 在 npm 中的请求状态码如何获取呢？本文将为您详细解答。

一、Axios 简介

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js。它可以在任何 JavaScript 环境中使用，并且易于配置和使用。Axios 的特点包括：

支持 Promise API；
支持请求和响应拦截；
支持自动转换 JSON 数据；
支持取消请求；
支持请求超时。

二、Axios 请求状态码获取方法

使用响应数据获取状态码

在 Axios 中，响应对象（response）中包含了请求的状态码。以下是一个获取状态码的示例：

axios.get('https://api.example.com/data')

  .then(function (response) {

    // 请求成功，获取状态码

    console.log(response.status);

  })

  .catch(function (error) {

    // 请求失败，获取状态码

    console.log(error.response.status);

  });

在上面的示例中，我们通过 response.status 获取到请求成功时的状态码，通过 error.response.status 获取到请求失败时的状态码。

使用拦截器获取状态码

Axios 提供了请求拦截器和响应拦截器，可以用来获取状态码。以下是一个使用响应拦截器获取状态码的示例：

// 添加响应拦截器

axios.interceptors.response.use(function (response) {

  // 对响应数据做点什么

  console.log(response.status);

  return response;

}, function (error) {

  // 对响应错误做点什么

  console.log(error.response.status);

  return Promise.reject(error);

});

在上面的示例中，我们通过拦截器获取到请求成功和失败时的状态码。

三、案例分析

以下是一个使用 Axios 获取 GitHub 用户信息的案例：

axios.get('https://api.github.com/users/axios')

  .then(function (response) {

    // 请求成功，获取状态码

    console.log(response.status);

    console.log(response.data);

  })

  .catch(function (error) {

    // 请求失败，获取状态码

    console.log(error.response.status);

  });

在这个案例中，我们使用 Axios 获取 GitHub 用户 axios 的信息。请求成功时，我们获取到状态码为 200，并且获取到用户信息。请求失败时，我们获取到状态码为 404，表示用户不存在。

四、总结

Axios 在 npm 中请求状态码的获取方法主要有两种：使用响应数据获取状态码和使用拦截器获取状态码。在实际开发中，可以根据需求选择合适的方法。希望本文对您有所帮助。