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

作者 : admin 本文共459个字,预计阅读时间需要2分钟 发布时间: 2024-02-6 共1人阅读

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

在 Axios 中,你可以通过在请求配置中设置 withCredentials 选项为 true 来实现自动携带 cookie。

const axios = require('axios');

axios.get('http://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

本站无任何商业行为
个人在线分享 » 前端访问接口 自动携带Cookie (axios)
E-->