Newer
Older
urbanLifeline_YanAn / src / permission.js
@zhangqy zhangqy on 3 Oct 2 KB first commit
  1. import router from "./router";
  2. import { ElMessage } from "element-plus";
  3. import NProgress from "nprogress";
  4. import "nprogress/nprogress.css";
  5. import { getToken } from "@/utils/auth";
  6. import { isHttp } from "@/utils/validate";
  7. import { isRelogin } from "@/utils/request";
  8. import useUserStore from "@/store/modules/user";
  9. import useSettingsStore from "@/store/modules/settings";
  10. import usePermissionStore from "@/store/modules/permission";
  11.  
  12. NProgress.configure({ showSpinner: false });
  13.  
  14. const whiteList = ["/login", "/auth-redirect", "/bind", "/register"];
  15.  
  16. router.beforeEach((to, from, next) => {
  17. // console.log(to);
  18. NProgress.start();
  19. if (getToken()) {
  20. to.meta.title && useSettingsStore().setTitle(to.meta.title);
  21. /* has token*/
  22. if (to.path === "/login") {
  23. next({ path: "/" });
  24. NProgress.done();
  25. } else {
  26. if (useUserStore().roles.length === 0) {
  27. isRelogin.show = true;
  28. // 判断当前用户是否已拉取完user_info信息
  29. useUserStore()
  30. .getInfo()
  31. .then(() => {
  32. isRelogin.show = false;
  33. usePermissionStore()
  34. .generateRoutes()
  35. .then((accessRoutes) => {
  36. // 根据roles权限生成可访问的路由表
  37. accessRoutes.forEach((route) => {
  38. if (!isHttp(route.path)) {
  39. router.addRoute(route); // 动态添加可访问路由表
  40. }
  41. });
  42. next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
  43. });
  44. })
  45. .catch((err) => {
  46. useUserStore()
  47. .logOut()
  48. .then(() => {
  49. ElMessage.error(err);
  50. next({ path: "/" });
  51. });
  52. });
  53. } else {
  54. next();
  55. }
  56. }
  57. } else {
  58. // 没有token
  59. if (whiteList.indexOf(to.path) !== -1) {
  60. // 在免登录白名单,直接进入
  61. next();
  62. } else {
  63. next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
  64. NProgress.done();
  65. }
  66. }
  67. });
  68.  
  69. router.afterEach(() => {
  70. NProgress.done();
  71. });