htao-common/src/permission.js

通用

import router from './router'
import store from './store'
import {
  Message
} from 'element-ui'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import {
  getToken
} from '@/utils/auth'
import {
  isRelogin
} from '@/utils/request'

NProgress.configure({
  showSpinner: false
})

const whiteList = ['/login', '/auth-redirect', '/bind', '/register', '/forgetPwd']

router.beforeEach((to, from, next) => {
  NProgress.start()
  if (getToken()) {
    to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
    /* has token*/
    if (to.path === '/login') {
      next({
        path: '/'
      })
      NProgress.done()
    } else {
      if (store.getters.judgeRouters.length === 0) {
        console.log(to, 'to')
        // 判断当前用户是否已拉取完user_info信息
        store.dispatch('GenerateRoutes').then(accessRoutes => {
          let perRouters = store.getters.allPer.map(per => per.a)
          let toPath = to.path.slice(1, to.path.length)
          // 根据roles权限生成可访问的路由表
          console.log(accessRoutes, 'accessRoutes')
          router.addRoutes(accessRoutes) // 动态添加可访问路由表
          if (perRouters.includes(toPath + '/index') || to.path === '/index') {
            next({
              ...to,
              replace: true
            }) // hack方法 确保addRoutes已完成
          } else if (store.getters.permissions.includes('分配角色') && to.path.includes('/system/user-auth/authRole')) {
            next({
              ...to,
              replace: true
            }) // hack方法 确保addRoutes已完成
          } else if (to.path.includes('/user/profile')) {
            next({
              ...to,
              replace: true
            }) // hack方法 确保addRoutes已完成
          } else {
            next({
              path: '/404'
            })
          }

        }).catch(err => {
          store.dispatch('LogOut').then(() => {
            Message.error(err)
            next({
              path: '/'
            })
          })
        })
      } else {
        next()
      }

    }
  } else {
    // 没有token
    if (whiteList.indexOf(to.path) !== -1) {
      // 在免登录白名单，直接进入
      next()
    } else {
      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
      NProgress.done()
    }
  }
})

router.afterEach(() => {
  NProgress.done()
})