当前位置:   article > 正文

前端访问接口 自动携带Cookie (axios)_axios如何自动携带cookie

axios如何自动携带cookie

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

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

  1. const axios = require('axios');
  2. axios.get('https://example.com/api/*', {
  3. withCredentials: true
  4. })
  5. .then(response => {
  6. // 处理响应
  7. console.log(response.data);
  8. })
  9. .catch(error => {
  10. console.error('请求失败', error);
  11. });

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

Access-Control-Allow-Credentials: true

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/572384
推荐阅读
相关标签
  

闽ICP备14008679号