前端访问接口 自动携带Cookie (axios)

在跨域请求中，浏览器默认情况下不会自动携带跨域请求的 cookie。这是由于浏览器的同源策略（Same-Origin Policy）所导致的安全性限制。然而，可以通过设置一些选项来允许浏览器发送跨域请求时携带 cookie。

在 Axios 中，你可以通过在请求配置中设置

withCredentials

选项为

true

来实现自动携带 cookie。

const axios = require('axios');

axios.get('https://example.com/api/*', {
  withCredentials: true
})
  .then(response => {
    // 处理响应
    console.log(response.data);
  })
  .catch(error => {
    console.error('请求失败', error);
  });

withCredentials: true

将告诉浏览器在跨域请求中携带 cookie。但请注意，服务器也需要配置以允许跨域请求携带 cookie。

Access-Control-Allow-Credentials: true