diff --git a/core/core-frontend/src/viewsnew/layout/components/Header.vue b/core/core-frontend/src/viewsnew/layout/components/Header.vue
index 140129a..d8495b6 100644
--- a/core/core-frontend/src/viewsnew/layout/components/Header.vue
+++ b/core/core-frontend/src/viewsnew/layout/components/Header.vue
@@ -1,7 +1,12 @@
 <script lang="ts" setup>
 import avatar from '@/assets/newimg/avatar.png'
 import { computed, onMounted, ref } from 'vue'
-
+import { logoutApi } from '@/api/login'
+import { logoutHandler } from '@/utils/logout'
+const logout = async () => {
+  await logoutApi()
+  logoutHandler()
+}
 onMounted(() => {
 })
 </script>
@@ -11,7 +16,7 @@ onMounted(() => {
     <img :src="avatar" alt="">
     <div class="username">欢迎！zhangsan</div>
     <div class="line">|</div>
-    <img src="@/assets/newimg/exit.png" alt="">
+    <img src="@/assets/newimg/exit.png" alt="" @click="logout" style="cursor: pointer;">
   </el-header>
 </template>