本文介绍: Vue 关于清除浏览器全部cookie问题解决方法(绝对有效)

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

1、问题描述

我们日常开发中,有本地调试,有多个服务器线上调试部署。从中我观察到,每次使用同一浏览器,如果再次登录我们没有清理缓存,会有很多匪夷所思的问题比如tokencookie保存,导致登录失效多个角色登录时明明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://blog.csdn.net/weixin_53291256/article/details/128724298

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_29258.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注