Browse Source

perf(App): 优化页面关闭检测逻辑

- 将页面关闭检测延迟时间从50ms调整为100ms
- 提高区分页面刷新和真实关闭的准确性
- 改进自动退出登录触发机制
master
常熟吴彦祖 1 month ago
parent
commit
4c348f574e
  1. 12
      src/App.vue

12
src/App.vue

@ -20,10 +20,10 @@
mounted() { mounted() {
// "" - rqrq // "" - rqrq
sessionStorage.setItem('page_active', 'true') sessionStorage.setItem('page_active', 'true')
// 退 - rqrq // 退 - rqrq
window.addEventListener('beforeunload', this.handleBeforeUnload) window.addEventListener('beforeunload', this.handleBeforeUnload)
// - rqrq // - rqrq
window.addEventListener('pageshow', this.handlePageShow) window.addEventListener('pageshow', this.handlePageShow)
}, },
@ -52,11 +52,11 @@
handleBeforeUnload(e) { handleBeforeUnload(e) {
// "" - rqrq // "" - rqrq
sessionStorage.setItem('page_active', 'false') sessionStorage.setItem('page_active', 'false')
// 50ms- rqrq
// 100ms- rqrq
setTimeout(() => { setTimeout(() => {
const pageActive = sessionStorage.getItem('page_active') const pageActive = sessionStorage.getItem('page_active')
// 50msfalse退 - rqrq
// 100msfalse退 - rqrq
if (pageActive === 'false') { if (pageActive === 'false') {
const token = this.$cookie.get('token') const token = this.$cookie.get('token')
if (token && token.trim()) { if (token && token.trim()) {
@ -66,7 +66,7 @@
console.log('检测到浏览器/标签页关闭,已自动退出登录 - rqrq') console.log('检测到浏览器/标签页关闭,已自动退出登录 - rqrq')
} }
} }
}, 50)
}, 100)
} }
} }
} }

Loading…
Cancel
Save