permission.js 1.69 KB
import router from "./router";
import store from "./store";
import { getMenuInfo } from "@/api/user";
import NProgress from "nprogress"; // progress bar
import "nprogress/nprogress.css"; // progress bar style
import getPageTitle from "@/utils/get-page-title";
import Cookies from "js-cookie";
NProgress.configure({ showSpinner: false }); // NProgress Configuration

router.beforeEach(async (to, from, next) => {
  NProgress.start();
  document.title = getPageTitle(to.meta.title);
  let hasAddDict = store.state.dict.addDict;
  let hasAddRoute = store.state.permission.addRoutes;
  if (to.path == "/login") {
    sessionStorage.removeItem("token");
    next();
  } else {
    //判断token是否存在
    const hasToken = sessionStorage.getItem("token");
    if (hasToken) {
      //加载字典
      if (!hasAddDict) {
        store.dispatch("dict/generateDic");
      }
      if (hasAddRoute) {
        next();
      } else {
        //请求菜单
        const { result: getMenuData } = await getMenuInfo() || [];
        const accessRoutes = await store.dispatch(
          "permission/generateRoutes",
          getMenuData
        );
        // 获取用户信息
        await store.dispatch("user/getUserInfo");
        router.addRoutes([
          ...accessRoutes,
          { path: "*", redirect: "/404", hidden: true },
        ]);
        const routeTo = Cookies.get("routerTo");
        if (routeTo && routeTo !== "/") {
          next({ ...to, replace: true });
        } else {
          next("/home");
        }
      }
    } else {
      next("/login");
    }
  }
  NProgress.done();
});
router.afterEach((to) => {
  // 解决刷新页面报404问题
  Cookies.set("routerTo", to.fullPath);
  NProgress.done();
});