From 9a2a4af61222755313a5f94e658ea45ed650d602 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 29 May 2024 10:44:17 +0800
Subject: [PATCH] =?UTF-8?q?401=E5=85=A8=E5=B1=80=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/Nav.vue      | 18 ++++++------------
 composables/useRequest.js |  7 +++++++
 stores/user.js            | 10 +++++++++-
 3 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/components/i/Nav.vue b/components/i/Nav.vue
index 73fbb05..38b6193 100644
--- a/components/i/Nav.vue
+++ b/components/i/Nav.vue
@@ -18,31 +18,25 @@
             to="/library"
             @click="handleClickItem"
         />
-        <ISearchHistory @sign="handleOpenSign" />
+        <ISearchHistory @sign="$openSign" />
         <ClientOnly>
             <UButton
                 v-if="!$isSignIn"
                 class="flex gap-2 justify-center"
                 size="lg"
                 label="登录"
-                @click="handleOpenSign"
+                @click="$openSign"
             />
         </ClientOnly>
     </div>
-    <UModal v-model="isOpenSign">
-        <ISign @close="handleCloseSign" />
+    <UModal v-model="$isOpenSign">
+        <ISign @close="$closeSign" />
     </UModal>
 </template>
 <script setup>
-const { $isSignIn } = storeToRefs(useUserStore())
+const { $isSignIn, $isOpenSign } = storeToRefs(useUserStore())
+const { $openSign, $closeSign } = useUserStore()
 const Layout = inject('Layout')
-const isOpenSign = ref(false)
-const handleOpenSign = () => {
-    isOpenSign.value = true
-}
-const handleCloseSign = () => {
-    isOpenSign.value = false
-}
 function handleClickItem () {
     Layout.handleCloseAside()
 }
diff --git a/composables/useRequest.js b/composables/useRequest.js
index 785158f..26df2cf 100644
--- a/composables/useRequest.js
+++ b/composables/useRequest.js
@@ -21,6 +21,7 @@ const request = async (url, options = {}) => {
         onResponseError({ request, response, options }) {
             const status = response.status
             if (process.client && (status === 401 || status === 403)) {
+                // 全局弹提示
                 let title
                 if (status === 401) title = '抱歉，您没有权限操作'
                 else if (status === 403) title = '抱歉，您没有权限访问当前内容'
@@ -33,6 +34,12 @@ const request = async (url, options = {}) => {
                         color: 'red'
                     })
                 })
+                // 全局弹登录
+                const { $isSignIn } = storeToRefs(useUserStore())
+                const { $openSign } = useUserStore()
+                if (status === 401 && !$isSignIn.value) {
+                    $openSign()
+                }
             }
             // 处理响应错误
             console.log('[ResponseError]', request)
diff --git a/stores/user.js b/stores/user.js
index 9662f3d..cc60ad3 100644
--- a/stores/user.js
+++ b/stores/user.js
@@ -6,6 +6,7 @@ export const useUserStore = defineStore('user', () => {
 
     const $info = computed(() => userInfo.value ? userInfo.value : {})
     const $isSignIn = computed(() => !!token.value)
+    const $isOpenSign = ref(false)
 
     function $signOut () {
         token.value = null
@@ -18,5 +19,12 @@ export const useUserStore = defineStore('user', () => {
         userInfo.value = data.value.data
     }
 
-    return { $info, $isSignIn, $signOut, $updateUserInfo }
+    function $openSign () {
+        $isOpenSign.value = true
+    }
+    function $closeSign () {
+        $isOpenSign.value = false
+    }
+
+    return { $info, $isSignIn, $isOpenSign, $signOut, $updateUserInfo, $openSign, $closeSign }
 })
-- 
GitLab