在vue项目中用localStorage存的token,所以需要在关闭浏览器的时候擦除token

在APP.vue文件的mouted钩子函数中这样写就可以了。

mounted() {
    let beginTime = 0; //开始时间
    let differTime = 0; //时间差
    window.onunload = function() {
      differTime = new Date().getTime() - beginTime;
      if (differTime <= 5) {
        localStorage.removeItem('aitoken');
        localStorage.removeItem('userInfo');
        localStorage.removeItem('isLogin');
        console.log("这是关闭");
      } else {
        console.log("这是刷新");
      }
    };

    window.onbeforeunload = function() {
      beginTime = new Date().getTime();
    };
  }

执行onunload函数之前会执行onbeforeunload函数,所以利用它们时间时间差来判断是关闭还是刷新

Logo

前往低代码交流专区

更多推荐