axios 获取接口返回的 Status Code
在前端开发中，我们经常需要与后端进行数据交互。而在与后端进行交互的过程中，我们经常需要获取接口返回的状态码（status code）来判断接口请求的结果。本文将介绍如何使用 axios 库来获取接口返回的状态码，并给出相关的代码示例。
什么是 Status Code
在 HTTP 协议中，每个请求的响应中都包含一个状态码。状态码是一个三位数，用于表示请求的处理结果。常见的状态码有以下几种：
- 2xx：请求成功
- 3xx：重定向
- 4xx：客户端错误
- 5xx：服务器错误
通过获取接口返回的状态码，我们可以判断接口请求的结果是否成功，进而进行相应的处理。
使用 axios 获取状态码
axios 是一个基于 Promise 的 HTTP 客户端库，用于发送 HTTP 请求。它可以在浏览器和 Node.js 中使用。下面是使用 axios 获取接口返回的状态码的代码示例：
axios.get('/api/user')
.then(function (response) {
console.log(response.status); // 获取状态码
})
.catch(function (error) {
console.log(error);
});
上面的代码中，我们使用 axios 发送一个 GET 请求，并通过 .then() 函数注册一个成功的回调函数，在回调函数中通过 response.status 获取到接口返回的状态码。
示例说明
下面是一个完整的示例，展示了如何使用 axios 获取接口返回的状态码并根据不同的状态码进行相应的处理：
axios.get('/api/user')
.then(function (response) {
if (response.status === 200) {
console.log('请求成功');
console.log(response.data);
} else if (response.status === 404) {
console.log('请求的资源不存在');
} else {
console.log('其他错误');
}
})
.catch(function (error) {
console.log('请求出错');
console.log(error);
});
上面的代码中，我们根据不同的状态码进行了不同的处理。如果状态码为 200，表示请求成功，我们可以通过 response.data 获取到接口返回的数据；如果状态码为 404，表示请求的资源不存在；其他状态码则表示其他错误。
总结
通过使用 axios 库，我们可以很方便地获取接口返回的状态码，并根据不同的状态码进行相应的处理。在实际开发中，我们可以根据不同的业务需求，对不同的状态码进行相应的处理，从而提高用户体验。
以上就是关于 axios 获取接口返回的状态码的科普介绍，希望对你有所帮助！
参考链接
- axios 官方文档：[
flowchart TD
A(开始) --> B(发送请求)
B --> C{获取状态码}
C --> D{判断状态码}
D -- 状态码为200 --> E(请求成功)
D -- 状态码为404 --> F(请求的资源不存在)
D -- 其他状态码 --> G(其他错误)
C --> H(请求出错)
H --> I(结束)
E --> I
F --> I
G --> I
sequenceDiagram
participant 前端
participant 后端
前端->>后端: 发送请求
后端->>前端: 返回响应
前端->>前端: 获取状态码
alt 状态码为200
前端->>前端: 处理请求成功逻辑
else 状态码为404
前端->>前端: 处理请求的资源不存在逻辑
else 其他状态码
前端->>前端: 处理其他错误逻辑
end
