vue 关于清除浏览器全部cookie的问题及解决方法（绝对有效）

请仔细观察你的浏览器cookie~

1、问题描述

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

2、思路以及遇到问题

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

3、问题解决（晒出全部代码以及注释）

（1）问题的核心原因：

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

（2）解决问题的全部代码与注释：

   delAllCookie() {//清空全部cookievar 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、要个好评

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

vue 关于清除浏览器全部cookie的问题及解决方法（绝对有效）相关推荐

vue php跨域,Vue 项目中遇到的跨域问题及解决方法(后台php)
问题描述前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header("Access-Control-Allow-Origin: *"); 加了之后报这个错: Th ...
html谷歌浏览器3D效果图片不出现,chrome浏览器图片无法显示怎么办 chrome浏览器显示不出图片的解决方法...
谷歌浏览器是现在非常多用户常用的浏览器之一,在很多使用的过程中,难免也会遇到一些问题,最近有很多用户在浏览器页面时发现图片无法正常显示,那么这种情况该怎么解决呢?下面教程之家网为大家带来chrome浏 ...
linux火狐打不开网页视频下载,win10下火狐浏览器无法打开网页视频的解决方法...
虽然Win10系统自带了Edge浏览器,但是很多用户仍然更喜欢使用能够自定义插件的火狐浏览器.不过,最近有用户在Win10系统中使用火狐浏览器,发现突然打不开网页视频了,其他浏览器可以打开,这是怎么回 ...
浏览器无法运行java_window_浏览器无法运行JAVA脚本的解决方法，1、浏览器无法运行JAVA脚本的 - phpStudy...
浏览器无法运行JAVA脚本的解决方法 1.浏览器无法运行JAVA脚本的解决方法. rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%Syste ...
关于chrome浏览器不能正常访问百度的解决方法
关于chrome浏览器不能正常访问百度的解决方法最近一段时间,使用chrome的时候,经常会出现不能正常访问百度的问题,搞得我每次都想怒卸chrome,回归foxfire.以下是几种解决方案. 对于 ...
vue代码上传服务器后背景图片404解决方法
vue代码上传服务器后背景图片404解决方法参考文章: (1)vue代码上传服务器后背景图片404解决方法 (2)https://www.cnblogs.com/Mrrabbit/p/7830944 ...
Angular2项目中浏览器拦截弹出窗口的解决方法
Angular2项目中浏览器拦截弹出窗口的解决方法为什么把项目是Angular2的放到了前边? 因为正常也页面网上已经很多解决方案.请自行百度或Google. 现象:当window.open为用户触 ...
浏览器最小显示12px字体的解决方法
浏览器最小显示12px字体的解决方法参考文章: (1)浏览器最小显示12px字体的解决方法 (2)https://www.cnblogs.com/Rawls/p/11363939.html (3)h ...
.vue文件在webstorm中es6语法报错解决方法
.vue文件在webstorm中es6语法报错解决方法参考文章: (1).vue文件在webstorm中es6语法报错解决方法 (2)https://www.cnblogs.com/yuqing6/ ...