axios获取response header

使用axios发送请求后，可以通过response对象获取响应头信息。具体方法如下：

axios.get('/api/data')
  .then(response => {
    console.log(response.headers); // 获取所有响应头信息
    console.log(response.headers['content-type']); // 获取指定响应头信息
  })
  .catch(error => {
    console.log(error);
  });

其中，response.headers是一个对象，包含了所有响应头信息。可以通过response.headers['header-name']获取指定的响应头信息。例如，response.headers['content-type']获取Content-Type头信息。

相关问题

axios获取header中的信息_vue axios请求怎么获取 Response中的自定义headers

在 Vue 中使用 Axios 发送请求后，可以通过 `response.headers` 属性来获取响应头信息，包括自定义的头部信息。以下是一个示例：

import axios from 'axios';

axios.get('/api/users')
  .then(response => {
    // 获取自定义头部信息
    const customHeader = response.headers['X-My-Custom-Header'];
    console.log(customHeader);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码中，我们发送了一个 GET 请求，并在 `then` 回调函数中获取响应头的自定义头部信息。其中，`X-My-Custom-Header` 是我们自定义的一个头部信息的名称，你可以根据实际情况替换成你自己的头部信息名称。

axios.get header

在使用 axios 发送 GET 请求时，可以通过设置请求头（header）来传递一些额外的信息。可以使用 `headers` 选项来设置请求头。

以下是使用 axios 发送 GET 请求并设置请求头的示例代码：

axios.get(url, {
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer token'
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，`url` 是请求的地址，`headers` 是一个对象，对象中的属性和值分别表示请求头的名称和对应的值。

需要注意的是，根据具体的后端要求或接口文档，可能需要设置不同的请求头。常见的请求头包括 `Content-Type`（内容类型）、`Authorization`（授权信息）等。根据实际情况，可以根据需要设置请求头来满足接口的要求。