68f52a630ef5829089752ce2fa949863ed9456ea.svn-base 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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 '@/utils/auth' // get token from cookie
  7. import getPageTitle from '@/utils/get-page-title'
  8. NProgress.configure({ showSpinner: false }) // NProgress Configuration
  9. const whiteList = ['/login'] // no redirect whitelist
  10. router.beforeEach(async(to, from, next) => {
  11. // start progress bar
  12. NProgress.start()
  13. // set page title
  14. document.title = getPageTitle(to.meta.title)
  15. // determine whether the user has logged in
  16. const hasToken = getToken()
  17. if (hasToken) {
  18. if (to.path === '/login') {
  19. // if is logged in, redirect to the home page
  20. next({ path: '/' })
  21. NProgress.done()
  22. } else {
  23. // determine whether the user has obtained his permission roles through getInfo
  24. const hasRoles = store.getters.roles && store.getters.roles.length > 0
  25. if (hasRoles) {
  26. // console.log('%c 不用获取,直接进入页面', 'color:#4EA35F')
  27. next()
  28. } else {
  29. try {
  30. // get user info
  31. // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
  32. // console.log('%c 开始请求用户信息', 'color:#4EA35F')
  33. const { roles } = await store.dispatch('user/getInfo')
  34. // generate accessible routes map based on roles
  35. const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
  36. // dynamically add accessible routes
  37. router.addRoutes(accessRoutes)
  38. // hack method to ensure that addRoutes is complete
  39. // set the replace: true, so the navigation will not leave a history record
  40. // console.log('%c 马上载入页面', 'color:skyblue')
  41. next({ ...to, replace: true })
  42. } catch (error) {
  43. // remove token and go to login page to re-login
  44. await store.dispatch('user/resetToken')
  45. Message.error(error || 'Has Error')
  46. // next(`/login?redirect=${to.path}`) //跳转到退出前界面
  47. next(`/login`)
  48. NProgress.done()
  49. }
  50. }
  51. }
  52. } else {
  53. /* has no token*/
  54. if (whiteList.indexOf(to.path) !== -1) {
  55. // in the free login whitelist, go directly
  56. next()
  57. } else {
  58. // other pages that do not have permission to access are redirected to the login page.
  59. // next(`/login?redirect=${to.path}`) //跳转到退出前界面
  60. next({ path: '/login' })
  61. NProgress.done()
  62. }
  63. }
  64. })
  65. router.afterEach(() => {
  66. // finish progress bar
  67. NProgress.done()
  68. })