vue 关于清除浏览器全部cookie的问题及解决方法（绝对有效）(vue如何销毁页面)

发布时间：2024-01-11

vue 关于清除浏览器全部cookie的问题及解决方法（绝对有效）请仔细观察你的浏览器cookie~1、问题描述

推荐整理分享vue 关于清除浏览器全部cookie的问题及解决方法（绝对有效）(vue如何销毁页面)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue清除历史记录,vue清理,vue项目清除浏览器缓存,vue项目清除浏览器缓存,vue清除历史记录,vue清理,vue项目清除浏览器缓存,vue关闭页面清空存储,内容如对您有帮助，希望把文章链接给更多的朋友！

我们在日常开发中，有本地调试，有多个服务器的线上调试部署。从中我观察到，每次使用同一浏览器，如果再次登录时我们没有清理缓存，会有很多匪夷所思的问题。比如：token在cookie里保存，导致登录失效。多个角色登录时明明token已经更新，但使用的还是旧的token导致登录失败等等…

2、思路以及遇到问题

然后我就想到了一个简单粗暴的方法，在单点登录时直接删除全部cookie然后获取新的token，但是出现了删除不了全部，只能删除当前域（本地）的cookie…

3、问题解决（晒出全部代码以及注释）（1）问题的核心原因：

不同域（domain）无法全部清除

（2）解决问题的全部代码与注释： delAllCookie() { //清空全部cookie var keys = document.cookie.match(/[^ =;]+(?=\=)/g); if (keys) { for (var i = keys.length; i--; ) { document.cookie = keys[i] + "=0;path=/;expires=" + new Date(0).toUTCString(); //清除当前域名下 document.cookie = keys[i] + "=0;path=/;domain=" + document.domain + ";expires=" + new Date(0).toUTCString(); document.cookie = keys[i] + "=0;path=示例：/index.vue（不同域的path,也就是你清除不了的cookie）;domain=示例：10.10.10.208（不同域的domain,也就是你清除不了的cookie）;expires=" + new Date(0).toUTCString(); **document.cookie可加多条！！！！** } } },4、总结问题

描述问题时看似简单，但其实在排查现实问题时也是需要清晰思路的，它会造成很多*疼的问题。当然在我们不同的现实开发场景，具体问题具体分析。

5、要个好评

理解不全面的希望大家可以补充。如果帮到大家了，给个免费的赞吧！~~~~

本文链接地址:https://www.jiuchutong.com/zhishi/292327.html 转载请保留说明！

上一篇：window.print() 前端页面打印与预览PDF(前端 input)

下一篇：巴塞罗那城市上空，西班牙 (© SW Photography/Getty Images)(巴塞罗那城市布局)