前端获取请求头中的cookie vue

在Vue.js中，前端获取HTTP请求头（包括Cookie）通常发生在发送AJAX请求的时候。你可以使用axios库或者Vue内置的`$http`服务来处理这种场景。以下是使用axios的一个例子：

import axios from 'axios';

// 创建axios实例
const instance = axios.create();

instance.interceptors.request.use(config => {
  // 在发送请求之前添加默认的请求头，例如Cookie
  if (window.localStorage.getItem('your-cookie')) {
    config.headers.common['Cookie'] = window.localStorage.getItem('your-cookie');
  }
  return config;
}, error => Promise.reject(error));

// 发送GET请求，并拦截响应头
instance.get('/api/endpoint', {headers: {'X-Custom-Header': 'value'}})
  .then(response => {
    console.log(response.headers); // 这里会包含所有的请求头信息
  })
  .catch(error => {
    console.error(error);
  });

在这个例子中，我们首先设置了axios的请求拦截器，检查是否有本地存储的Cookie并将其添加到请求头中。然后，在发送GET请求时，可以访问响应头来查看Cookie。