Sharepoint React项目中Cookie读写不一致问题求助

嘿，我来帮你排查这个奇怪的Cookie问题！从你描述的情况和代码来看，两个函数用的是同一个Cookie服务，但表现完全不同，大概率是几个常见的细节问题导致的，咱们一步步来拆解：

可能的原因&对应解决方案 #

1. Cookie键名拼写错误 #

先仔细核对mcsNavNodeConfigCookieKey这个变量的拼写！Cookie的键名是大小写敏感的，哪怕只是多了个下划线、字母大小写不一致，都会导致读不到、存不上。建议直接复制这个变量名到get和set的调用处，彻底避免手动输入出错。

2. Cookie大小超出浏览器限制 #

浏览器对单条Cookie的大小限制一般是4KB左右，你第二个函数存的是从SP列表获取的导航节点数据items，如果JSON.stringify(items)之后的字符串长度超过了4096，浏览器会直接拒绝存储这条Cookie。

你可以在设置Cookie前加一行日志验证：

console.log("导航节点数据字符串长度：", JSON.stringify(items).length);

如果确实超了，建议换成localStorage或者sessionStorage来存储——它们的容量更大（通常5MB），完全适合存这类配置数据，用法和Cookie类似：

// 存储
localStorage.setItem(mcsNavNodeConfigCookieKey, JSON.stringify(items));
// 读取
const cookieData = localStorage.getItem(mcsNavNodeConfigCookieKey);

3. Cookie的路径/域设置不一致 #

检查你的MCSCookieService.set方法，是不是两个函数调用时的**路径（path）**设置不一样？比如第一个函数设置Cookie时指定了path: "/"（让Cookie在整个站点生效），而第二个函数没传这个参数，导致Cookie只在当前页面路径下有效，自然在其他地方读不到，也不会出现在Chrome的全局Cookie列表里。

如果你的MCSCookieService.set支持可选的路径参数，确保第二个函数和第一个用相同的配置：

// 和getMCSConfig里的设置保持一致
MCSCookieService.set(mcsNavNodeConfigCookieKey, JSON.stringify(items), { path: "/" });

要是不确定MCSCookieService的实现，可以直接在Chrome控制台手动测试：

document.cookie = `${mcsNavNodeConfigCookieKey}=test; path=/`;

然后去Chrome设置里看能不能找到这条Cookie，如果能，就说明代码里的set方法缺了路径参数。

4. 异步操作的分支验证 #

虽然你说设置Cookie后看不到，但还是要确认loadNavigationNodeConfig的代码确实走到了设置Cookie的分支。可以在设置前后加日志，直观观察执行流程：

items = await web.lists.getByTitle(mcsNavNodeConfigTitle).items.select("FileRef,*").getAll();
console.log("获取到导航节点数据：", items);
MCSCookieService.set(mcsNavNodeConfigCookieKey, JSON.stringify(items));
console.log("设置Cookie后当前所有Cookie：", document.cookie);

通过日志可以确认代码是否执行了Cookie设置，以及设置后是否能在document.cookie中看到对应条目。

快速排查优先级 #

1. 先确认mcsNavNodeConfigCookieKey拼写完全正确；
2. 打印导航节点数据的字符串长度，排除大小超限；
3. 检查Cookie的路径设置，确保和第一个函数一致；
4. 用简化的测试数据（比如[{id:1, name:"test"}]）测试Cookie能否正常存储。

按这个顺序排查，应该很快就能定位到问题啦！

内容的提问来源于stack exchange，提问作者localhozt