fix: resolving `Vue Router warn`

无木

2021-07-14 237e65eac909368c4b4857da6c8deb1dc18e7684

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import type { Router, RouteRecordRaw } from 'vue-router';
 
import { usePermissionStoreWithOut } from '/@/store/modules/permission';
 
import { PageEnum } from '/@/enums/pageEnum';
import { useUserStoreWithOut } from '/@/store/modules/user';
 
import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
 
import { RootRoute } from '/@/router/routes';
import { omit } from 'lodash-es';
 
const LOGIN_PATH = PageEnum.BASE_LOGIN;
 
const ROOT_PATH = RootRoute.path;
 
const whitePathList: PageEnum[] = [LOGIN_PATH];
 
export function createPermissionGuard(router: Router) {
  const userStore = useUserStoreWithOut();
  const permissionStore = usePermissionStoreWithOut();
  router.beforeEach(async (to, from) => {
    if (
      from.path === ROOT_PATH &&
      to.path === PageEnum.BASE_HOME &&
      userStore.getUserInfo.homePath &&
      userStore.getUserInfo.homePath !== PageEnum.BASE_HOME
    ) {
      // next(userStore.getUserInfo.homePath);
      return userStore.getUserInfo.homePath;
    }
 
    // Whitelist can be directly entered
    if (whitePathList.includes(to.path as PageEnum)) {
      // next();
      return;
    }
 
    const token = userStore.getToken;
 
    // token does not exist
    if (!token) {
      // You can access without permission. You need to set the routing meta.ignoreAuth to true
      if (to.meta.ignoreAuth) {
        // next();
        return;
      }
 
      // redirect login page
      const redirectData: { path: string; replace: boolean; query?: Recordable<string> } = {
        path: LOGIN_PATH,
        replace: true,
      };
      if (to.path) {
        redirectData.query = {
          ...redirectData.query,
          redirect: to.path,
        };
      }
      //next(redirectData);
      return redirectData;
    }
 
    // Jump to the 404 page after processing the login
    if (from.path === LOGIN_PATH && to.name === PAGE_NOT_FOUND_ROUTE.name) {
      //next(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
      return userStore.getUserInfo.homePath || PageEnum.BASE_HOME;
    }
 
    if (permissionStore.getIsDynamicAddedRoute) {
      // next();
      return;
    }
 
    const routes = await permissionStore.buildRoutesAction();
 
    routes.forEach((route) => {
      router.addRoute(route as unknown as RouteRecordRaw);
    });
 
    const redirectPath = (from.query.redirect || to.path) as string;
    const redirect = decodeURIComponent(redirectPath);
    const nextData =
      to.path === redirect
        ? { ...omit(to, ['name', 'params']), replace: true }
        : { path: redirect };
    permissionStore.setDynamicAddedRoute(true);
    // next(nextData);
    return nextData;
  });
}