浏览器 cookie 无法设置的原因

才华有限

于 2020-02-25 10:16:32 发布

阅读量2.4k

点赞数

分类专栏：浏览器cookie无法设置

本文链接：https://blog.csdn.net/weixin_42935546/article/details/104491401

版权

浏览器cookie无法设置专栏收录该内容

1 篇文章

订阅专栏

本文描述了使用XMLHttpRequest请求登录时遇到的浏览器无法自动添加cookie的问题，并提供了详细的解决方案，包括如何正确设置withCredentials属性来允许跨域携带cookie。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景: 使用 XMLHttpRequest 请求登录
Bug: 浏览器无法自动添加 cookie, 同事手动设置进入之后,其他请求之后浏览器无法自动携带信息,导致接口出错
解决: 帮忙查看之后,找了蛮久才在MDN发现原因:
不同域下的XmlHttpRequest 响应，不论其Access-Control- header 设置什么值，都无法为它自身站点设置cookie值，除非它在请求之前将withCredentials 设为true。

		var xmlhttp;
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        } else {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.open('POST', '接口', true);
        xmlhttp.setRequestHeader('Content-type', 'application/json');
        // 原因
        xmlhttp.withCredentials = true;
        xmlhttp.send(JSON.stringify(params));
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.status === 200 && xmlhttp.readyState == 4) {
                const status = JSON.parse(xmlhttp.responseText);
                if (+status.code === 0) {
             
                }
            }
        };

教训: 花了长时间,基础还是不够牢固.有时间需要巩固下基础