Newer
Older
DH_Apicture / src / permission.js
@zhangqy zhangqy on 29 Nov 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. // let path=''
  44. // path = accessRoutes[0].children ? accessRoutes[0].path + "/" + accessRoutes[0].children[0].path : accessRoutes[0].path
  45. // next({ path,replace: true });
  46. });
  47. })
  48. .catch((err) => {
  49. useUserStore()
  50. .logOut()
  51. .then(() => {
  52. ElMessage.error(err);
  53. next({ path: "/" });
  54. });
  55. });
  56. } else {
  57. next();
  58. }
  59. }
  60. } else {
  61. // 没有token
  62. if (whiteList.indexOf(to.path) !== -1) {
  63. // 在免登录白名单,直接进入
  64. next();
  65. } else {
  66. next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
  67. NProgress.done();
  68. }
  69. }
  70. });
  71.  
  72. router.afterEach(() => {
  73. NProgress.done();
  74. });