permission.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. import router from './router'
  2. import store from './store'
  3. import { Message } from 'element-ui'
  4. import NProgress from 'nprogress'
  5. import 'nprogress/nprogress.css'
  6. import { getAccessToken } from '@/utils/auth'
  7. import { isRelogin } from '@/utils/request'
  8. NProgress.configure({ showSpinner: false })
  9. // 增加三方登陆 update by 芋艿
  10. const whiteList = ['/login','/social-login', '/auth-redirect', '/bind', '/register', '/oauthLogin/gitee']
  11. router.beforeEach((to, from, next) => {
  12. NProgress.start()
  13. if (getAccessToken()) {
  14. to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
  15. /* has token*/
  16. if (to.path === '/login') {
  17. next({ path: '/' })
  18. NProgress.done()
  19. } else {
  20. if (store.getters.roles.length === 0) {
  21. isRelogin.show = true
  22. // 获取字典数据 add by 芋艿
  23. store.dispatch('dict/loadDictDatas')
  24. // 判断当前用户是否已拉取完 user_info 信息
  25. store.dispatch('GetInfo').then(userInfo => {
  26. isRelogin.show = false
  27. // 触发 GenerateRoutes 事件时,将 menus 菜单树传递进去
  28. store.dispatch('GenerateRoutes', userInfo.menus).then(accessRoutes => {
  29. // 根据 roles 权限生成可访问的路由表
  30. router.addRoutes(accessRoutes) // 动态添加可访问路由表
  31. next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
  32. })
  33. }).catch(err => {
  34. store.dispatch('LogOut').then(() => {
  35. Message.error(err)
  36. next({ path: '/' })
  37. })
  38. })
  39. } else {
  40. next()
  41. }
  42. }
  43. } else {
  44. // 没有token
  45. if (whiteList.indexOf(to.path) !== -1) {
  46. // 在免登录白名单,直接进入
  47. next()
  48. } else {
  49. const redirect = encodeURIComponent(to.fullPath) // 编码 URI,保证参数跳转回去后,可以继续带上
  50. next(`/login?redirect=${redirect}`) // 否则全部重定向到登录页
  51. NProgress.done()
  52. }
  53. }
  54. })
  55. router.afterEach(() => {
  56. NProgress.done()
  57. })