Newer
Older
KaiFengPC / src / permission.js
@zhangdeliang zhangdeliang on 27 Jul 2 KB update
  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. import bus from '@/utils/mitt';
  12.  
  13. NProgress.configure({ showSpinner: false });
  14.  
  15. const whiteList = ['/login', '/auth-redirect', '/bind', '/door', '/autoLogin', '/chengguanweiScreen'];
  16.  
  17. router.beforeEach((to, from, next) => {
  18. // console.log(from.path, '111');
  19. // 跳转各个子系统时只显示各自对应的菜单内容设置
  20. if (from.path == '/chengguanweiScreen' || from.path == '/autoLogin') {
  21. localStorage.setItem('fromDoorKFC', 'chengguanweiScreen');
  22. } else {
  23. localStorage.setItem('fromDoorKFC', 'other');
  24. }
  25. NProgress.start();
  26. if (getToken()) {
  27. to.meta.title && useSettingsStore().setTitle(to.meta.title);
  28. /* has token*/
  29.  
  30. if (useUserStore().roles.length === 0) {
  31. isRelogin.show = true;
  32. // 判断当前用户是否已拉取完user_info信息
  33. useUserStore()
  34. .getInfo()
  35. .then(
  36. ({
  37. data: {
  38. user: { userName },
  39. },
  40. }) => {
  41. sessionStorage.setItem('userName', userName);
  42. isRelogin.show = false;
  43. usePermissionStore()
  44. .generateRoutes()
  45. .then(accessRoutes => {
  46. // 根据roles权限生成可访问的路由表
  47. accessRoutes.forEach(route => {
  48. if (!isHttp(route.path)) {
  49. router.addRoute(route); // 动态添加可访问路由表
  50. }
  51. });
  52. next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
  53. });
  54. }
  55. )
  56. .catch(err => {
  57. useUserStore()
  58. .logOut()
  59. .then(() => {
  60. ElMessage.error(err);
  61. next({ path: '/' });
  62. });
  63. });
  64. } else {
  65. next();
  66. }
  67. } else {
  68. // 没有token
  69. if (whiteList.indexOf(to.path) !== -1) {
  70. // 在免登录白名单,直接进入
  71. next();
  72. } else {
  73. next(`/door?redirect=${to.fullPath}`); // 否则全部重定向到首页
  74. NProgress.done();
  75. }
  76. }
  77. });
  78.  
  79. router.afterEach(() => {
  80. NProgress.done();
  81. });