src/components/common/AppLoading.vue

@@ -2,36 +2,34 @@
 </script>
 
 <template>
-  <naive-provider>
-    <div id="loading-container">
-      <div class="boxes">
-        <div class="box">
-          <div />
-          <div />
-          <div />
-          <div />
-        </div>
-        <div class="box">
-          <div />
-          <div />
-          <div />
-          <div />
-        </div>
-        <div class="box">
-          <div />
-          <div />
-          <div />
-          <div />
-        </div>
-        <div class="box">
-          <div />
-          <div />
-          <div />
-          <div />
-        </div>
+  <div id="loading-container">
+    <div class="boxes">
+      <div class="box">
+        <div />
+        <div />
+        <div />
+        <div />
+      </div>
+      <div class="box">
+        <div />
+        <div />
+        <div />
+        <div />
+      </div>
+      <div class="box">
+        <div />
+        <div />
+        <div />
+        <div />
+      </div>
+      <div class="box">
+        <div />
+        <div />
+        <div />
+        <div />
       </div>
     </div>
-  </naive-provider>
+  </div>
 </template>
 
 <style scoped>

src/layouts/components/header/UserCenter.vue

@@ -8,7 +8,7 @@ import IconBookOpen from '~icons/icon-park-outline/book-open'
 
 const { t } = useI18n()
 
-const { userInfo, logout } = useAuthStore()
+const { userInfo, resetAuthStore } = useAuthStore()
 const router = useRouter()
 
 const options = computed(() => {
@@ -56,7 +56,7 @@ function handleSelect(key: string | number) {
       positiveText: t('common.confirm'),
       negativeText: t('common.cancel'),
       onPositiveClick: () => {
-        logout()
+        resetAuthStore()
       },
     })
   }

src/service/http/handle.ts

@@ -77,7 +77,7 @@ export async function handleRefreshToken() {
   }
   else {
     // 刷新失败，退出
-    await authStore.logout()
+    await authStore.resetAuthStore()
   }
 }
 

src/store/auth.ts

@@ -23,7 +23,7 @@ export const useAuthStore = defineStore('auth-store', {
   },
   actions: {
     /* 登录退出，重置用户信息等 */
-    async logout() {
+    async resetAuthStore() {
       const route = unref(router.currentRoute)
       // 清除本地缓存
       this.clearAuthStorage()

src/store/router/index.ts

@@ -41,7 +41,7 @@ export const useRouteStore = defineStore('route-store', {
 
         if (!userInfo || !userInfo.id) {
           const authStore = useAuthStore()
-          authStore.logout()
+          authStore.resetAuthStore()
           return
         }