axios/fetch/ajax面试应用宝典-跨域请求携带cookie

在前端进行跨域请求时，如果需要请求携带cookie，可以在后端设置CORS（Cross-Origin Resource Sharing）策略来允许带有credentials的请求。

以下是使用axios进行带cookie的跨域请求的示例代码：

// 首先，确保在后端设置CORS策略，允许带有cookies的请求
// 例如，如果你使用的是Express.js，可以使用cors中间件
const cors = require('cors');
const express = require('express');
const app = express();
 
app.use(cors({
  credentials: true, // 允许带有cookies的请求
  origin: 'http://your-frontend-domain.com' // 你前端应用的域名
}));
 
// ...
 
// 前端代码
axios.get('http://your-backend-domain.com/api/data', {
  withCredentials: true // 设置withCredentials为true
})
.then(response => {
  // 处理响应数据
  console.log(response.data);
})
.catch(error => {
  // 处理错误
  console.error(error);
});

请注意，出于安全考虑，不是所有的网站都允许带有cookies的跨域请求。确保后端服务器正确配置了CORS策略，并且明确了允许哪些来源（origin）以及哪些类型的credentials。