Axios 发送请求后,得到的响应对象的结构如下:
{
  // `data` 由服务器提供的响应
  data: {},

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

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

  // `headers` 服务器响应的头信息
  headers: {},

  // `config` 是为请求提供的配置信息
  config: {},

  // `request` 是生成请求的 XMLHttpRequest 对象
  request: {}
}

以下是响应对象的一些重要属性:

  •  data: 包含由服务器返回的响应数据。具体的数据结构取决于服务器返回的内容。对于 JSON 数据,通常是一个对象。

  
  •  status: 服务器响应的 HTTP 状态码。例如,200 表示成功,404 表示未找到资源,500 表示服务器错误等。


  •  statusText: 服务器响应的 HTTP 状态文本。例如,OK 表示成功。


  •  headers: 服务器响应的头信息,是一个对象,包含了响应的各种信息,如 Content-Type、Cache-Control 等。


  •  config: 发送请求时提供的配置信息,包含请求的方法、URL、参数等。


  •  request: 生成请求的 XMLHttpRequest 对象。可以用于中止请求等操作。


你可以通过访问响应对象的属性来获取相应的信息,比如 response.data 来获取响应数据,response.status 来获取 HTTP 状态码等。

以下是一个简单的示例:
axios.get('https://api.example.com/data')
  .then(response => {
    console.log('响应数据:', response.data);
    console.log('HTTP 状态码:', response.status);
    console.log('HTTP 状态文本:', response.statusText);
    console.log('响应头:', response.headers);
    console.log('请求配置:', response.config);
  })
  .catch(error => {
    console.error('请求失败:', error);
  });

上述示例展示了如何访问 Axios 响应对象的各个属性。


转载请注明出处:http://www.zyzy.cn/article/detail/6280/Axios