网安要求关闭所有系统标签页后,自动去除登录人信息(包括直接关闭整个浏览器)

暂时没找到什么优美得解决办法,如遇到,请留言,谢谢

浏览器没有关闭事件,只有在关闭时会调用beforeunload,unload,但是再刷新时会调用beforeunload,unload,onload
因此关闭再打开与刷新区别在于再次打开的时间差

丑陋的解决办法:利用时间差

前提 token是保存在localstorage中
1.登录接口中添加本地存储参数

localStorage.setItem('pageInstanceNum', 1)

2.页面添加监听,此处时间差设置的时10秒,一般看接口请求最长时间

window.onload = function (e) {
if(localStorage.getItem('tokenName')) {
     let num = localStorage.getItem('pageInstanceNum') || 0
     if (num) {
       num = Number(num)
     }
     num = num + 1
     localStorage.setItem('pageInstanceNum', num)
     const gapTime = localStorage.getItem('closetime'); //获取关闭事件
     const openTime = new Date().getTime() - gapTime;
     localStorage.setItem('openTime', openTime)
     if (num == 1 && openTime > 10000) {
       localStorage.removeItem('tokenName')
     }
   }
 }
window.onbeforeunload = function (e) {
  if(localStorage.getItem('tokenName')) {
    localStorage.setItem('closetime', new Date().getTime()); //关闭
    let num = localStorage.getItem('pageInstanceNum') || 0
    if (num) {
      num = Number(num)
    }
    if(sessionStorage.getItem("sessionPageInstanceNum")){
      num = num - 1
      localStorage.setItem('pageInstanceNum', num)
    }

  }
}

3.需要在登录时,添加一个session的参数,我是在app.vue中添加

//update生命周期
updated() {
  if(isLogin && !sessionStorage.getItem("sessionPageInstanceNum")){//isLogin 判断是否已经登录的参数
       sessionStorage.setItem("sessionPageInstanceNum",1)
     }
   }

4.在logout登出函数中去除session的参数

sessionStorage.removeItem("sessionPageInstanceNum")

最近更新

  1. TCP协议是安全的吗?

    2024-06-14 17:10:06       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-14 17:10:06       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-14 17:10:06       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-14 17:10:06       20 阅读

热门阅读

  1. Debian常用命令

    2024-06-14 17:10:06       6 阅读
  2. ISO 19115-2:2019 附录C XML 模式实现

    2024-06-14 17:10:06       9 阅读
  3. Spring Cloud应用框架

    2024-06-14 17:10:06       9 阅读
  4. Python爬虫技术,爬取网站数据、电影、资源等等

    2024-06-14 17:10:06       7 阅读
  5. flink学习-状态管理

    2024-06-14 17:10:06       7 阅读
  6. mysql定时任务事件清理单表数据

    2024-06-14 17:10:06       6 阅读
  7. 修改容器内部时间

    2024-06-14 17:10:06       6 阅读
  8. 死锁的产生预防处理解锁

    2024-06-14 17:10:06       6 阅读
  9. 电压kV为什么k要小写,原因你知道吗?

    2024-06-14 17:10:06       7 阅读
  10. 男人圣经 14

    2024-06-14 17:10:06       7 阅读
  11. AI 到底是什么?

    2024-06-14 17:10:06       8 阅读