同域名不同目录路径下的cookie无法修改解决方法

文章发布于2020年08月02日 15:21, 归类于: 前端

“熬夜”主题博客发布到线上环境后,主题切换后,刷新页面会恢复默认主题,分析了下,原因是设置cookie时没有设置domain。

设置cookie时,不设置domain:

document.cookie = "theme=night-theme;";

同域名不同目录路径下的cookie无法修改解决方法

可以看到,有两个名字为theme的cookie,路径分别是//rojerYong,在不同的页面点击切换主题,默认把当前页面的cookie的path设置为当前页面的路径

默认把当前页面的cookie的path设置为当前页面的路径

主题组件默认读取的时/路径的cookie,所以,每次切换主题后,刷新页面后主题恢复原始主题。

解决

设置cookie时,设置domain:

document.cookie = "theme=night-theme; path=/;";

清除浏览器缓存,在不同路径下页面切换主题,刷新页面,主题正常显示,打开浏览器调试工具,只看到/路径的主题cookie,当前域名下所有目录路径的cookie储存在同一个路径下。

转载请注明来源:《 同域名不同目录路径下的cookie无法修改解决方法》- rojerYong's Blog

文章链接:https://www.eoway.cn/article/1596352910.html

如果此文摘取了你的原创,请联系本站管理员,将对此文修改、删除处理。

--END--
上一篇:前端实现多主题 下一篇:关于rojerYong博客