# 响应结构介绍

URL: https://caijiao.org/axios/response/structure
Source: docs/axios/response/structure.md
Description: 本章节介绍 Axios 请求返回的响应结构，包括 response.data、response.status、response.headers 等字段的使用方法，帮助开发者正确解析接口返回数据并进行后续处理。

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 响应结构，可以帮助开发者更好地进行条件判断、错误处理以及统一数据处理逻辑。