Axios的响应结构

合集 - Axios(11)

1.Axios 介绍2023-11-202.Axios API2023-11-203.Axios 实例2023-11-204.Axios的请求配置2023-11-21

5.Axios的响应结构2023-11-21

6.Axios的默认配置2023-11-217.Axios的拦截器2023-11-228.Axios的错误处理2023-11-229.Axios中取消请求2023-11-2210.Axios的请求体编码2023-11-2211.Axios的Multipart 实体请求2023-11-22

收起

一个请求的响应包含以下信息。

{
  // `data` 由服务器提供的响应
  data: {},

  // `status` 来自服务器响应的 HTTP 状态码
  status: 200,

  // `statusText` 来自服务器响应的 HTTP 状态信息
  statusText: 'OK',

  // `headers` 是服务器响应头
  // 所有的 header 名称都是小写，而且可以使用方括号语法访问
  // 例如: `response.headers['content-type']`
  headers: {},

  // `config` 是 `axios` 请求的配置信息
  config: {},

  // `request` 是生成此响应的请求
  // 在node.js中它是最后一个ClientRequest实例 (in redirects)，
  // 在浏览器中则是 XMLHttpRequest 实例
  request: {}
}

当使用 then 时，您将接收如下响应:

axios.get('/user/12345')
  .then(function (response) {
    console.log(response.data);
    console.log(response.status);
    console.log(response.statusText);
    console.log(response.headers);
    console.log(response.config);
  });

当使用 catch，或者传递一个 rejection callback 作为 then 的第二个参数时，响应可以通过 error 对象被使用，正如在错误处理部分解释的那样。