Axios 响应结构
Axios 响应对象的标准字段,以及浏览器和 Node.js 中的差异。
#type / concept
#status / growing
#tech / network
#platform / browser
#resource / http
#resource / javascript
#package / axios
[!info] related notes
- 所属 MOC: HTTP 与前端网络请求
- 上位概念: Axios
- 前置概念: Axios 请求配置
- 并列概念: Axios 错误模型, Axios 拦截器
Axios 响应结构
一句话定义
Axios 返回的响应对象包含 data、status、statusText、headers、config 和 request 等字段。
核心内容
常见字段
data:响应体status:HTTP 状态码statusText:状态文本headers:响应头config:本次请求配置request:底层请求对象
常用直觉
const res = await axios.get('/user/123')
console.log(res.data)
console.log(res.status)
环境差异
- 浏览器里
request通常对应XMLHttpRequest - Node.js 里
request通常对应ClientRequest
边界与易混淆点
- 实战里最常用的是
response.data - 排障时
status、headers和config更重要 - 下载流或二进制时不要强行只看
data
最短记忆方式
data是业务数据status是 HTTP 结果config和request方便排障