修改登录页面

src/layout/AppLayout.vue

@@ -9,12 +9,14 @@
                     <search-bar />
                     <!-- 主页面路由 -->
                     <n-layout class="main-content bg-black" :native-scrollbar="false">
-                        <router-view class="main-page" v-slot="{ Component }">
-                            <keep-alive>
-                                <component :is="Component" v-if="$route.meta.keepAlive" />
-                            </keep-alive>
-                            <component :is="Component" v-if="!$route.meta.keepAlive" />
-                        </router-view>
+                        <n-message-provider>
+                            <router-view class="main-page" v-slot="{ Component }">
+                                <keep-alive>
+                                    <component :is="Component" v-if="$route.meta.keepAlive" />
+                                </keep-alive>
+                                <component :is="Component" v-if="!$route.meta.keepAlive" />
+                            </router-view>
+                        </n-message-provider>
                     </n-layout>
                 </div>
             </div>

src/layout/components/SearchBar.vue

@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { getSearchKeyword, getHotSearch } from '@/api/home';
-import { getUserDetail } from '@/api/login';
+import { getUserDetail, logout } from '@/api/login';
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
@@ -108,7 +108,10 @@ const selectItem = (key: any) => {
     // switch 判断
     switch (key) {
         case 'logout':
-            store.state.user = null
+            logout().then(() => {
+                store.state.user = null
+                localStorage.clear()
+            })
             break;
     }
 }