Axios 响应 data 属性

Question

发出标准的 axios 请求时，响应包含六个属性，包括 data，我们将要讨论的那个。 data 只是服务器提供的响应。 data 通常是字符串、对象或未定义，具体取决于您从服务器请求的信息。 在下面的示例中， res.data 是一个对象，因为它包含一系列键值对。

const res = await axios.get('https://httpbin.org/get')
res.data; // Returns the HTTP response body at the server we requested.
typeof res.data; // object

res.data 返回以下内容：

{
  args: {},
  headers: {
    Accept: 'application/json, text/plain, _/_',
    Host: 'httpbin.org',
    'User-Agent': 'axios/0.19.2',
    'X-Amzn-Trace-Id': 'Root=1-6011aa12-6d7a1ae8689dd32256ab1be7'
  },
  origin: '99.138.93.108',
  url: 'https://httpbin.org/get'
}

如果您希望数据具有不同的类型，您可以使用 axios 的 responseType财产连同 transformResponse财产。 的选项 responseType是：

1. arraybuffer
2. document
3. json (default)
4. text
5. stream
6. blob (browser only)

这是一个示例，它发出与返回对象完全相同的请求，但现在将返回字符串。

const res = await axios.get('https://httpbin.org/get', {
  responseType: 'text',
  transformResponse: [v => v]
});
res.data; // same data obtained from previous request
typeof res.data; // string

注意： 这只是一个示例，不同服务器的响应会有所不同。 在此示例中，未过滤的响应 res 包含有关请求和响应的更多信息。 如果您正在处理的项目需要从中获得某些信息或者您正在调试，则此信息可能会有所帮助，但是，大多数时候直接访问数据就足够了。