axios 获取接口返回的网络状态码
网络状态码（Status Code）是在进行网络请求时，服务器返回给客户端的一个标识，用于表示请求的处理结果。通过了解接口返回的网络状态码，我们可以更好地处理请求的结果，以达到更好的用户体验。本文将介绍使用 axios 获取接口返回的网络状态码，并提供代码示例。
axios 简介
axios 是一个基于 Promise 的 HTTP 请求库，可以用于浏览器和 Node.js 环境。它具有简单易用的 API，支持异步请求、拦截请求和响应、转换请求和响应数据等功能。通过 axios，我们可以方便地发送网络请求并处理返回结果。
网络状态码
网络状态码是由 HTTP 协议定义的，它包含了一系列的标识，用于表示请求的处理结果。常见的网络状态码包括：
- 2xx 成功：表示请求已成功处理。
- 3xx 重定向：表示需要进一步操作以完成请求。
- 4xx 客户端错误：表示服务器无法处理请求，客户端需要修改请求。
- 5xx 服务器错误：表示服务器在处理请求时发生了错误。
对于不同的状态码，我们可以根据其含义进行相应的处理。比如，当返回状态码为 200 时，表示请求成功；当返回状态码为 404 时，表示请求的资源不存在。
使用 axios 获取网络状态码
在使用 axios 发送网络请求时，可以通过访问 response.status 属性来获取网络状态码。下面是一个示例代码：
import axios from 'axios';
axios.get('/api/example')
.then(response => {
console.log(response.status); // 打印网络状态码
// 处理其他响应数据
})
.catch(error => {
console.log(error);
});
在上面的代码中，我们发送了一个 GET 请求到 /api/example 接口，并在 then 方法中获取了返回结果的网络状态码。通过 response.status 属性，我们可以获取到请求的状态码。
使用网络状态码进行处理
在获取到网络状态码后，我们可以根据不同的状态码进行相应的处理。下面是一个根据状态码处理请求结果的示例代码：
axios.get('/api/example')
.then(response => {
switch (response.status) {
case 200:
console.log('请求成功');
// 处理请求成功的情况
break;
case 404:
console.log('请求的资源不存在');
// 处理请求的资源不存在的情况
break;
default:
console.log('未知错误');
// 处理其他情况
break;
}
})
.catch(error => {
console.log(error);
});
在上面的代码中，我们通过 switch 语句根据不同的网络状态码进行处理。当状态码为 200 时，表示请求成功，我们可以执行相应的操作；当状态码为 404 时，表示请求的资源不存在，我们可以进行相应的处理；对于其他状态码，我们可以给出相应的错误提示。
类图
下面是一个使用 mermaid 语法绘制的 axios 类图：
classDiagram
class axios {
-defaults: Object
-interceptors: Object
-request(config: Object): Promise
-get(url: string, config: Object): Promise
-post(url: string, data: Object, config: Object): Promise
-put(url: string, data: Object, config: Object): Promise
-delete(url: string, config: Object): Promise
}
在上面的类图中，我们可以看到 axios 类具有一些私有属性和方法，比如 defaults、interceptors、request、get、post、put、delete 等。通过这些方法，我们可以方便地发送网络请求。
序列图
下面是一个使用 mermaid 语法绘制的 axios 发送网络请求的序列图：
sequenceDiagram
participant Client
participant axios
participant Server
Client->>axios: get('/api/example')
axios->>Server: 发送请求
Server-->>axios: 返回响应
axios-->>Client: 返回结果
在上面的序列图中，我们可以看到客户端通过 axios 发送了一个 GET 请求到服务器
