From c261b9c01f8e5f2d334989d7fd45a752b3ac02be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com>
Date: Sat, 13 Aug 2022 22:29:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor(hooks):=20=E4=BF=AE=E6=94=B9=E4=BA=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=B8=ADrouter=E6=96=B9=E6=B3=95=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E4=B8=BA=E4=BA=8C=E6=AC=A1=E5=B0=81=E8=A3=85?=
 =?UTF-8?q?hook?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/enum/common.ts                          | 4 ++++
 src/hook/index.ts                           | 2 +-
 src/hook/{useERouter.ts => useAppRouter.ts} | 2 +-
 src/layouts/components/sider/Menu.vue       | 6 +++---
 src/router/guard/index.ts                   | 4 +++-
 src/store/modules/auth.ts                   | 8 +++-----
 6 files changed, 15 insertions(+), 11 deletions(-)
 rename src/hook/{useERouter.ts => useAppRouter.ts} (96%)

diff --git a/src/enum/common.ts b/src/enum/common.ts
index 09adeed..3c0a269 100644
--- a/src/enum/common.ts
+++ b/src/enum/common.ts
@@ -1,5 +1,9 @@
 /* 缓存的Key值 */
 export enum EnumStorageKey {
+  /* 用户信息 */
   userInfo = '__USER_INFO__',
+  /* token */
   token = '__TOKEN__',
+  /* 标签栏信息 */
+  tabsRoutes = '__TABS_ROUTES__',
 }
diff --git a/src/hook/index.ts b/src/hook/index.ts
index 39d0740..2bb5a6f 100644
--- a/src/hook/index.ts
+++ b/src/hook/index.ts
@@ -1 +1 @@
-export * from './useERouter';
+export * from './useAppRouter';
diff --git a/src/hook/useERouter.ts b/src/hook/useAppRouter.ts
similarity index 96%
rename from src/hook/useERouter.ts
rename to src/hook/useAppRouter.ts
index 84a5211..bd091de 100644
--- a/src/hook/useERouter.ts
+++ b/src/hook/useAppRouter.ts
@@ -6,7 +6,7 @@ import { router as gobalRouter } from '@/router';
  * @param {*} isSetup
  * @return {*}
  */
-export function useERouter(isSetup = true) {
+export function useAppRouter(isSetup = true) {
   const router = isSetup ? useRouter() : gobalRouter;
   const route = router.currentRoute;
 
diff --git a/src/layouts/components/sider/Menu.vue b/src/layouts/components/sider/Menu.vue
index 4c958ad..77cbb8d 100644
--- a/src/layouts/components/sider/Menu.vue
+++ b/src/layouts/components/sider/Menu.vue
@@ -11,15 +11,15 @@
 
 <script setup lang="ts">
 import { useAppStore } from '@/store';
-import { useRouter } from 'vue-router';
+import { useAppRouter } from '@/hook';
 import type { MenuOption } from 'naive-ui';
 import { renderIcon } from '@/utils/icon';
 
+const { routerPush } = useAppRouter();
 const appStore = useAppStore();
-const router = useRouter();
 
 const handleClickMenu = (key: string) => {
-  router.push(key);
+  routerPush(key);
 };
 const menuOptions: MenuOption[] = [
   {
diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts
index 6f2371f..a192c0b 100644
--- a/src/router/guard/index.ts
+++ b/src/router/guard/index.ts
@@ -1,7 +1,7 @@
 import type { Router } from 'vue-router';
 import { getToken } from '@/utils/auth';
 
-// const authStore = useAuthStore();
+const appTitle = import.meta.env.VITE_APP_TITLE;
 
 export function setupRouterGuard(router: Router) {
   const isLogin = Boolean(getToken());
@@ -17,6 +17,8 @@ export function setupRouterGuard(router: Router) {
       }
       return false;
     }
+    // 修改网页标题
+    document.title = `${to.meta.title}——${appTitle}`;
     next();
   });
   // router.afterEach((_to) => {});
diff --git a/src/store/modules/auth.ts b/src/store/modules/auth.ts
index 843e97c..df9a234 100644
--- a/src/store/modules/auth.ts
+++ b/src/store/modules/auth.ts
@@ -2,11 +2,9 @@ import { defineStore } from 'pinia';
 import { fetchLogin } from '@/service';
 import { setUserInfo, getUserInfo, getToken, setToken, clearAuthStorage } from '@/utils/auth';
 import { router } from '@/router';
-import { useERouter } from '@/hook';
+import { useAppRouter } from '@/hook';
 import { unref } from 'vue';
 
-// const { routerPush, routerReplace } = useERouter(false);
-
 export const useAuthStore = defineStore('auth-store', {
   state: () => {
     return {
@@ -25,7 +23,7 @@ export const useAuthStore = defineStore('auth-store', {
     /* 登录退出，重置用户信息等 */
     resetAuthStore() {
       const route = unref(router.currentRoute);
-      const { toLogin } = useERouter(false);
+      const { toLogin } = useAppRouter(false);
       // 清除本地缓存
       clearAuthStorage();
       // 清空pinia
@@ -54,7 +52,7 @@ export const useAuthStore = defineStore('auth-store', {
       // 登录写入信息成功
       if (catchSuccess) {
         // 进行重定向跳转
-        const { toLoginRedirect } = useERouter(false);
+        const { toLoginRedirect } = useAppRouter(false);
         toLoginRedirect();
 
         // 触发用户提示