permission.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. import router from './router'
  2. import store from './store'
  3. import { Message } from 'element-ui'
  4. import NProgress from 'nprogress' // progress bar
  5. import 'nprogress/nprogress.css' // progress bar style
  6. import { getToken } from '@/static/utils/auth' // get token from cookie
  7. import getPageTitle from '@/static/utils/get-page-title'
  8. NProgress.configure({ showSpinner: false }) // NProgress Configuration
  9. const whiteList = ['/login', '/bizLogin','/lifeLine','/door','/deviceh5','/assitsdanger', '/ssoLogin'] // no redirect whitelist 路由白名单
  10. router.beforeEach(async(to, from, next) => {
  11. //console.log('beforeEach')
  12. // console.log('to', to)
  13. // console.log('from', from)
  14. // console.log('next', next)
  15. // start progress bar
  16. NProgress.start()
  17. // set page title
  18. document.title = getPageTitle(to.meta.title)
  19. // //console.log('title', document.title)
  20. // 先判断白名单放行,在判断token问题
  21. // if (whiteList.indexOf(to.path) !== -1) {
  22. // 先判断白名单放行,支持正则判断 @modify by xiecf
  23. if (whiteList.some(whiteItem => typeof whiteItem === 'string' ? to.path === whiteItem : whiteItem.test(to.path))) {
  24. // in the free login whitelist, go directly
  25. next()
  26. NProgress.done()
  27. return
  28. }
  29. // determine whether the user has logged in
  30. const hasToken = getToken()
  31. // //console.log('token', hasToken)
  32. if (hasToken) {
  33. //console.log('to.path', to.path)
  34. if (to.path === '/login') {
  35. // if is logged in, redirect to the home page
  36. next({ path: '/' })
  37. // //console.log('toLogin')
  38. NProgress.done()
  39. } else {
  40. const hasGetUserInfo = store.getters.name
  41. // //console.log('hasGetUserInfo', hasGetUserInfo)
  42. if (hasGetUserInfo) {
  43. next()
  44. } else {
  45. try {
  46. store
  47. .dispatch('user/getUserInfo')
  48. .then(res => {
  49. // 拉取user_info
  50. const perms = res.perms // note: perms must be a array! such as: ['GET /aaa','POST /bbb']
  51. // //console.log('perms', perms)
  52. if (perms) {
  53. store
  54. .dispatch('GenerateRoutes', perms)
  55. .then(() => {
  56. // 根据perms权限生成可访问的路由表
  57. // //console.log('_addRouters', store.getters.addRouters)
  58. router.addRoutes(
  59. store.getters.addRouters
  60. ) // 动态添加可访问路由表
  61. next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
  62. })
  63. }
  64. })
  65. .catch(err => {
  66. //console.log(
  67. // err + 'store.dispatchuser/getUserInfo 报错'
  68. // )
  69. })
  70. } catch (error) {
  71. // remove token and go to login page to re-login
  72. //console.log('_loginError')
  73. await store.dispatch('user/resetToken')
  74. Message.error(error || 'Has Error')
  75. next(`/login`)
  76. NProgress.done()
  77. }
  78. }
  79. }
  80. } else {
  81. /* has no token*/
  82. // //console.log('whiteList', whiteList, to.path)
  83. next(`/login`)
  84. NProgress.done()
  85. }
  86. })
  87. router.afterEach(() => {
  88. //console.log('afterEach')
  89. // finish progress bar
  90. NProgress.done()
  91. })