permission.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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 { getToken } from '@/utils/auth'
  7. import { isRelogin } from '@/utils/request'
  8. NProgress.configure({ showSpinner: false })
  9. const whiteList = ['/login', '/auth-redirect', '/bind', '/register','/forgetpwd',]
  10. router.beforeEach((to, from, next) => {
  11. NProgress.start()
  12. if (getToken()) {
  13. to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
  14. /* has token*/
  15. if (to.path === '/login') {
  16. next({ path: '/' })
  17. NProgress.done()
  18. } else {
  19. if (store.getters.roles.length === 0) {
  20. isRelogin.show = true
  21. // 判断当前用户是否已拉取完user_info信息
  22. store.dispatch('GetInfo').then(() => {
  23. isRelogin.show = false
  24. store.dispatch('GenerateRoutes').then(accessRoutes => {
  25. // 根据roles权限生成可访问的路由表
  26. router.addRoutes(accessRoutes) // 动态添加可访问路由表
  27. next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
  28. })
  29. }).catch(err => {
  30. store.dispatch('LogOut').then(() => {
  31. Message.error(err)
  32. next({ path: '/' })
  33. })
  34. })
  35. } else {
  36. next()
  37. }
  38. }
  39. }
  40. else {
  41. // 没有token
  42. if (whiteList.indexOf(to.path) !== -1) {
  43. // 在免登录白名单,直接进入
  44. next()
  45. }
  46. else if ((to.path).indexOf('/showDetail') !== -1) {
  47. // 在免登录白名单,直接进入
  48. next()
  49. }
  50. else {
  51. next(`/login`) // 否则全部重定向到登录页
  52. NProgress.done()
  53. }
  54. }
  55. })
  56. router.afterEach(() => {
  57. NProgress.done()
  58. })