封装全局status检测

composables/useRequest.js

@@ -20,27 +20,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 = '抱歉，您没有权限'
-                nextTick(() => {
-                    const toast = useToast()
-                    toast.add({
-                        icon: 'i-heroicons-exclamation-triangle-20-solid',
-                        timeout: 3000,
-                        title: title,
-                        color: 'red'
-                    })
-                })
-                // 全局弹登录
-                const { $isSignIn } = storeToRefs(useUserStore())
-                const { $openSign } = useUserStore()
-                if (status === 401 && !$isSignIn.value) {
-                    $openSign()
-                }
-            }
+            useRequestError(status)
             // 处理响应错误
             console.log('[ResponseError]', request)
         }

composables/useRequestError.js

+export default function (status) {
+    if (process.client && (status === 401 || status === 403)) {
+        // 全局弹提示
+        let title
+        if (status === 401) title = '抱歉，您尚未登录'
+        else if (status === 403) title = '抱歉，您没有权限'
+        nextTick(() => {
+            const toast = useToast()
+            toast.add({
+                icon: 'i-heroicons-exclamation-triangle-20-solid',
+                timeout: 3000,
+                title: title,
+                color: 'red'
+            })
+        })
+        // 全局弹登录
+        const { $isSignIn } = storeToRefs(useUserStore())
+        const { $openSign } = useUserStore()
+        if (status === 401 && !$isSignIn.value) {
+            $openSign()
+        }
+    }
+}
\ No newline at end of file

utils/fetchEventSource.js

@@ -11,9 +11,8 @@ export default (url, { onmessage, onerror, controller, params }) => {
         },
         body: JSON.stringify(params),
         onopen (response) {
-            if (response.status === 401 || response.status === 403) {
-                throw Error()
-            }
+            const status = response.status
+            useRequestError(status)
         },
         onmessage (info) {
             onmessage(info)