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

- 在 mounted 钩子中监听 beforeunload 事件
- 在 beforeDestroy 钩子中移除事件监听
- 实现 handleBeforeUnload 方法处理退出逻辑
- 使用 sendBeacon 发送可靠的安全退出请求
- 检查 token 存在时才执行退出操作
- 集成现有登出 API 接口

src/App.vue

@@ -22,6 +22,14 @@
     created () {
       this.versionReload()
     },
+    mounted() {
+      // 监听浏览器关闭事件，自动退出登录 - rqrq
+      window.addEventListener('beforeunload', this.handleBeforeUnload)
+    },
+    beforeDestroy() {
+      // 移除事件监听 - rqrq
+      window.removeEventListener('beforeunload', this.handleBeforeUnload)
+    },
     methods: {
       versionReload(){
         let version = this.version          //版本号（每次上线前需要更新下版本号）
@@ -33,6 +41,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' }))
+        }
       }
     },
     watch: {