feat(auth): 添加浏览器关闭时自动退出登录功能

- 在 mounted 钩子中添加 beforeunload 事件监听
- 在 beforeDestroy 钩子中移除事件监听避免内存泄漏
- 实现 handleBeforeUnload 方法检测登录状态
- 使用 sendBeacon 发送可靠的退出登录请求
- 添加 token 验证确保只对已登录用户执行退出操作
- 集成现有登出接口完成自动退出流程

src/App.vue

@@ -17,6 +17,14 @@
     created () {
       this.versionReload()
     },
+    mounted() {
+      // 监听浏览器关闭事件，自动退出登录 - rqrq
+      window.addEventListener('beforeunload', this.handleBeforeUnload)
+    },
+    beforeDestroy() {
+      // 移除事件监听 - rqrq
+      window.removeEventListener('beforeunload', this.handleBeforeUnload)
+    },
     methods: {
       versionReload(){
         let version = this.version          //版本号（每次上线前需要更新下版本号）
@@ -28,6 +36,15 @@
           this.version=versionLocal;
           location.reload();
         }
+      },
+      // 浏览器关闭时自动退出登录 - rqrq
+      handleBeforeUnload() {
+        const token = this.$cookie.get('token')
+        if (token && token.trim()) {
+          // 使用 sendBeacon 发送退出请求，可靠性高 - rqrq
+          const url = this.$http.adornUrl('/sys/logout')
+          navigator.sendBeacon(url, new Blob([JSON.stringify({ token })], { type: 'application/json' }))
+        }
       }
     }
   }