axios 拿到http 状态值

原创

mob64ca12e77061 2023-11-17 14:11:50 ©著作权

文章标签 ios 状态码 HTTP 文章分类 iOS 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e77061的原创作品，请联系作者获取转载授权，否则将追究法律责任

axios 拿到 http 状态值

在进行网络请求的过程中，我们经常需要获取服务器返回的 HTTP 状态码，以便根据不同的状态码采取相应的操作。本文将介绍如何使用 axios 这个流行的 JavaScript 库来发送 HTTP 请求，并获取响应的状态码。

什么是 axios？

axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它是一个简单而强大的工具，可以帮助我们发送异步的 HTTP 请求，处理响应数据，以及拦截请求和响应，实现自定义的逻辑。

如何使用 axios？

首先，我们需要在项目中安装 axios。在终端中运行以下命令：

npm install axios

然后，在我们的代码中引入 axios：

import axios from 'axios';

接下来，我们可以使用 axios 发送 HTTP 请求。以下是一个简单的 GET 请求的示例：

axios.get('
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });

在上面的代码中，我们使用 axios.get 方法发送一个 GET 请求到 then方法获取响应数据；当请求失败时，我们可以通过catch` 方法捕获错误。

获取 HTTP 状态码

要获取响应的 HTTP 状态码，我们可以使用 response.status 属性。以下是一个完整的示例：

axios.get('
  .then(response => {
    console.log('Status code:', response.status);
  })
  .catch(error => {
    console.error(error);
  });

在上面的代码中，我们使用 console.log 方法打印响应的状态码。可以根据不同的状态码来采取相应的操作，例如重试请求、重新登录等。

HTTP 状态码的含义

HTTP 状态码是从服务器返回的三位数字代码，用于表示请求的处理结果。以下是一些常见的 HTTP 状态码及其含义：

200 OK：表示请求成功。
201 Created：表示请求已成功并且在服务器上创建了新的资源。
400 Bad Request：表示服务器无法理解请求的语法。
401 Unauthorized：表示请求需要用户身份验证。
403 Forbidden：表示服务器拒绝请求。
404 Not Found：表示请求的资源不存在。
500 Internal Server Error：表示服务器发生了错误。

对于不同的状态码，我们可以采取不同的操作。例如，对于 404 Not Found，我们可以显示一个错误页面；对于 401 Unauthorized，我们可以跳转到登录页面。

状态图

stateDiagram
    [*] --> 200_OK
    [*] --> 201_Created
    [*] --> 400_Bad_Request
    [*] --> 401_Unauthorized
    [*] --> 403_Forbidden
    [*] --> 404_Not_Found
    [*] --> 500_Internal_Server_Error

饼状图

pie
  "200 OK" : 50
  "201 Created" : 10
  "400 Bad Request" : 5
  "401 Unauthorized" : 5
  "403 Forbidden" : 5
  "404 Not Found" : 15
  "500 Internal Server Error" : 10