Safari中设置Cookie后需刷新页面才显示的问题求助

这个是Safari开发者工具的已知行为，不是你代码或者js-cookie库的问题——Safari的Storage面板不会实时同步Cookie的变化，它只会在页面加载时读取一次Cookie并展示，所以你设置完Cookie后必须刷新页面，面板才会更新显示。

不过别担心，这只是面板显示的问题，实际上Cookie已经成功设置了：

• 你可以直接在控制台执行document.cookie或者Cookies.get('cookie1')（用js-cookie的方法），就能即时看到刚设置的Cookie值，不用等刷新。
• 你的页面代码里如果需要读取这个Cookie，设置后立即读取也是能拿到的，因为Cookie已经存在于浏览器内存中，Storage面板的显示只是静态快照而已。

针对你提到的页面异常，建议排查这几点：

• 确认js-cookie的配置参数是否正确：比如expires参数，js-cookie支持传入数字（代表天数）或者Date对象，尽量避免手动拼接UTC字符串，减少格式错误概率，比如用Cookies.set('cookie1', 'test', { expires: 365, path: '/' })。
• 检查Cookie的path设置：如果你的页面在子路径下，确保path设置为/或者对应子路径，避免Cookie仅在特定路径生效。
• 排除代码逻辑问题：如果页面依赖这个Cookie做判断，确认设置Cookie后是否立即触发了读取逻辑，而不是等待面板显示才执行。

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