菜鸟教程
教程 axios tutorial

响应结构介绍

Axios 发送请求后，会返回一个包含多种信息的响应对象（response）。理解响应结构有助于正确处理接口返回的数据。

1. Axios 响应对象主要字段

字段 说明
data 响应数据，通常是接口返回的 JSON 对象或文本内容
status HTTP 响应状态码，例如 200、404、500
statusText 状态文本说明，例如 “OK”、“Not Found”
headers 响应头信息
config 请求时的配置信息
request 原始请求对象，可用于调试

2. 示例

javascript 
import axios from "axios";

axios
  .get("https://api.example.com/users/123")
  .then((response) => {
    console.log("响应数据：", response.data);
    console.log("状态码：", response.status);
    console.log("响应头：", response.headers);
  })
  .catch((error) => console.error("请求失败：", error));

3. 访问响应数据

  • 绝大多数场景只需使用 response.data 获取接口返回的数据；
  • response.status 可用于判断请求是否成功；
  • response.headers 可用于获取服务器返回的元信息，例如分页信息或自定义头。

💡 小提示：理解 Axios 响应结构，可以帮助开发者更好地进行条件判断、错误处理以及统一数据处理逻辑。

相关内容