vue请求头携带cookie

在 Vue 中发送请求时，可以通过设置请求头来携带 Cookie。你可以使用 Axios 或者 Fetch API 来发送请求并设置请求头。

使用 Axios：

import axios from 'axios';

// 创建一个新的 Axios 实例
const instance = axios.create({
  // 设置 baseURL 和其他配置
});

// 在请求中设置请求头
instance.defaults.headers.common['Cookie'] = 'your-cookie-value';

// 发送请求
instance.get('/api/endpoint')
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

使用 Fetch API：

// 构建请求配置对象
const requestOptions = {
  method: 'GET',
  headers: {
    'Cookie': 'your-cookie-value'
  }
};

// 发送请求
fetch('/api/endpoint', requestOptions)
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

以上代码演示了如何在请求头中设置 Cookie 值。你需要将 `'your-cookie-value'` 替换为你实际的 Cookie 值。请注意，这种方式只适用于前后端部署在同一域名下的情况。如果存在跨域请求，你需要在后端进行相关配置以允许携带 Cookie。