axios 响应状态码

原创

mob64ca12e60047 2023-09-16 11:32:24 ©著作权

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

Axios 响应状态码

Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 Node.js 环境中发送 HTTP 请求。在使用 Axios 发送请求时，我们常常需要根据响应状态码来判断请求是否成功或出现错误。本文将介绍常见的 HTTP 响应状态码，并提供相应的代码示例。

HTTP 响应状态码

HTTP 响应状态码用于表示服务器对请求的处理结果。常见的状态码由3位数字组成，分为5个类别：

1xx: 信息性状态码，表示请求已被接收并继续处理。
2xx: 成功状态码，表示请求已成功被服务器接收、理解、并接受。
3xx: 重定向状态码，表示需要进一步操作以完成请求。
4xx: 客户端错误状态码，表示服务器无法处理请求。
5xx: 服务器错误状态码，表示服务器在处理请求时出现错误。

以下是常见的 HTTP 响应状态码及其含义：

状态码	含义
200	OK
201	Created
204	No Content
301	Moved Permanently
302	Found
304	Not Modified
400	Bad Request
401	Unauthorized
403	Forbidden
404	Not Found
500	Internal Server Error

Axios 示例代码

下面是使用 Axios 发送 GET 请求并处理不同响应状态码的示例代码：

const axios = require('axios');

axios.get('
  .then(function (response) {
    if (response.status === 200) {
      console.log('请求成功');
      console.log(response.data);
    } else {
      console.log('请求失败');
      console.log(response.status);
    }
  })
  .catch(function (error) {
    console.log('请求错误');
    console.log(error);
  });

在上述代码中，我们使用 Axios 发送了一个 GET 请求到 地址。在then方法中，我们可以通过response.status` 来获取响应的状态码。根据不同的状态码，我们可以进行相应的处理。

如果状态码为 200，表示请求成功，我们可以通过 response.data 获取服务器返回的数据。如果状态码不为 200，表示请求失败，我们可以通过 response.status 获取失败的状态码。

如果发送请求时发生了错误，我们可以通过 catch 方法捕获错误并进行处理。

Axios 响应状态码示例

下面是一个简单的关系图，表示 Axios 的响应状态码及其含义。

erDiagram
    HTTP_RESPONSE_CODE ||--|| 200 : "OK"
    HTTP_RESPONSE_CODE ||--|| 201 : "Created"
    HTTP_RESPONSE_CODE ||--|| 204 : "No Content"
    HTTP_RESPONSE_CODE ||--|| 301 : "Moved Permanently"
    HTTP_RESPONSE_CODE ||--|| 302 : "Found"
    HTTP_RESPONSE_CODE ||--|| 304 : "Not Modified"
    HTTP_RESPONSE_CODE ||--|| 400 : "Bad Request"
    HTTP_RESPONSE_CODE ||--|| 401 : "Unauthorized"
    HTTP_RESPONSE_CODE ||--|| 403 : "Forbidden"
    HTTP_RESPONSE_CODE ||--|| 404 : "Not Found"
    HTTP_RESPONSE_CODE ||--|| 500 : "Internal Server Error"