diff --git a/src/views/mqtt/index.vue b/src/views/mqtt/index.vue
index 031e58e..4d0892c 100644
--- a/src/views/mqtt/index.vue
+++ b/src/views/mqtt/index.vue
@@ -55,6 +55,10 @@ async function disconnect() {
   publishing.status = false
 }
 
+onUnmounted(() => {
+  disconnect()
+})
+
 async function publish() {
   let jsonModule: DataLibContent
   try {