关闭页面退出系统

src/App.vue

@@ -11,11 +11,41 @@
   import { AppProvider } from '/@/components/Application';
   import { useTitle } from '/@/hooks/web/useTitle';
   import { useLocale } from '/@/locales/useLocale';
+  import { computed, onMounted, ref } from 'vue';
+  import { doLogout } from '/@/api/sys/user';
 
   // 解决日期时间国际化问题
   import 'dayjs/locale/zh-cn';
   // support Multi-language
   const { getAntdLocale } = useLocale();
+  
+  const beforeUnload_time = ref(0)
+  const unload_time = ref(0)
+
+  // 自动请求并暴露内部方法
+  onMounted(() => {
+    beforeunload()
+    unload()
+  });
+
+  function beforeunload() {
+    window.addEventListener('beforeunload', (event) => {
+      beforeUnload_time.value = new Date().getTime()
+    });
+  }
+  function unload() {
+    window.addEventListener('unload', (event) => {
+      unload_time.value = new Date().getTime()
+      // 关闭页面通常小于100毫秒
+      if (unload_time.value - beforeUnload_time.value <= 10) {
+          //业务代码
+          // Vue.ls.set("状态",'退出')
+          doLogout();
+          window.location.reload()
+      } else {
+      }
+    })
+  }
 
   useTitle();
 </script>