vue 如何获取 response header csdn

要获取 response header，我们可以使用 axios 中的 interceptors（拦截器）来实现。在 axios 发送请求时，我们可以通过拦截器对请求进行拦截和处理，这样可以在请求返回后，获取到相应的 response header。

首先，在 vue 项目中安装 axios 依赖，并在需要使用的组件中引入：

import axios from 'axios';

然后，我们可以在该组件中的 mounted 声明周期中添加拦截器：

mounted() {
  axios.interceptors.response.use(response => {
    // 获取 response headers
    const headers = response.headers;
    console.log(headers);
    return response;
  }, error => {
    return Promise.reject(error);
  });
}

在上述代码中，axios.interceptors.response.use() 接受两个回调函数，第一个函数会在请求成功后调用，第二个函数会在请求失败后调用。我们可以利用第一个函数获取 response headers，然后将它们打印到控制台中，以验证我们是否成功地获取到了它们。

最后，我们需要向后端发送请求，以触发拦截器的响应。我们可以使用 axios 的 get() 方法来获取 csdn 的 response header 信息，示例代码如下：

axios.get('https://www.csdn.net/').then(response => {
  // do something with response
}).catch(error => {
  // handle error
});

通过上述方法，我们便可以获取到 csdn 的 response header 信息了。