diff --git a/web/src/views/Index.vue b/web/src/views/Index.vue
index cc0bb7c7..8572442a 100644
--- a/web/src/views/Index.vue
+++ b/web/src/views/Index.vue
@@ -205,14 +205,16 @@ const rainbowColor = (index) => {
   return `hsl(${hue}, 90%, 50%)` // 色调(hue)，饱和度(70%)，亮度(50%)
 }
 
-httpGet('/api/user/logout')
-  .then(() => {
-    removeUserToken()
-    router.push('/login')
-  })
-  .catch(() => {
-    ElMessage.error('注销失败！')
-  })
+const logout = function () {
+  httpGet('/api/user/logout')
+    .then(() => {
+      removeUserToken()
+      router.push('/login')
+    })
+    .catch(() => {
+      ElMessage.error('注销失败！')
+    })
+}
 </script>
 
 <style lang="stylus" scoped>