feat: do not reconnect if unmounted

AOSC-Dev · Jun 22, 2024 · 3f9e37a · 3f9e37a
1 parent fc78bb0
commit 3f9e37a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/frontend/src/pages/monitor/[hostname].vue b/frontend/src/pages/monitor/[hostname].vue
@@ -11,12 +11,14 @@ export default {
     this.fetchData();
   },
   unmounted() {
+    this.reconnect = false;
     this.socket?.close();
     this.socket = undefined;
   },
   data: () => ({
     lines: [] as string[],
     socket: undefined as WebSocket | undefined,
+    reconnect: true,
   }),
   methods: {
     fetchData() {
@@ -36,9 +38,11 @@ export default {
       };
       this.socket.onclose = (event) => {
         // reconnect after 1s
-        setTimeout(() => {
-          this.fetchData();
-        }, 1000);
+        if (this.reconnect) {
+          setTimeout(() => {
+            this.fetchData();
+          }, 1000);
+        }
       }
     },
   },