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