permission.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import router from './router'
  2. import store from './store'
  3. import NProgress from 'nprogress'
  4. import 'nprogress/nprogress.css'
  5. import {getToken} from '@/utils/auth'
  6. import {Message} from "element-ui";
  7. // NProgress.configure({showSpinner: false})
  8. const whiteList = ['/login']
  9. router.beforeEach(async (to, from, next) => {
  10. // NProgress.start()
  11. if (getToken()) {
  12. if (to.path === '/login') {
  13. next({path: '/'})
  14. // NProgress.done()
  15. } else {
  16. if (to.matched.length === 0) {
  17. // next('/404')
  18. // NProgress.done()
  19. }
  20. const hasRoles = store.getters.roles && store.getters.roles.length > 0
  21. if (hasRoles) {
  22. next()
  23. } else {
  24. try {
  25. // 获取用户角色信息
  26. const {roleList} = await store.dispatch('user/getInfo')
  27. if (roleList && roleList.length == 0) {
  28. Message({
  29. message: '您还没有设置角色,请联系管理员!',
  30. type: 'warning'
  31. })
  32. await store.dispatch('user/Logout')
  33. // await store.dispatch('user/resetToken')
  34. next(`/login?redirect=${to.fullPath}`)
  35. return
  36. }
  37. // 循环判断角色
  38. next({...to, replace: true})
  39. } catch (error) {
  40. console.log(error)
  41. await store.dispatch('user/resetToken')
  42. next(`/login?redirect=${to.fullPath}`)
  43. // NProgress.done()
  44. }
  45. }
  46. }
  47. } else {
  48. // 没有token
  49. if (whiteList.indexOf(to.path) !== -1) {
  50. // 在免登录白名单,直接进入
  51. next()
  52. } else {
  53. next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
  54. // NProgress.done()
  55. }
  56. }
  57. })
  58. router.afterEach(() => {
  59. // NProgress.done()
  60. })