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 { isPathMatch } from '@/utils/validate' import { isRelogin } from '@/utils/request' NProgress.configure({ showSpinner: false }) const whiteList = ['/login', '/register'] const isWhiteList = (path) => { return whiteList.some(pattern => isPathMatch(pattern, path)) } 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') { // 登录后根据角色重定向到不同主页 if (store.getters.roles && store.getters.roles.includes('admin')) { next({ path: '/index_admin' }) } else { next({ path: '/' }) } NProgress.done() } else if (isWhiteList(to.path)) { next() } else { if (store.getters.roles.length === 0) { isRelogin.show = true // 判断当前用户是否已拉取完user_info信息 store.dispatch('user/getInfo').then(() => { isRelogin.show = false store.dispatch('permission/GenerateRoutes').then(accessRoutes => { // 根据roles权限生成可访问的路由表 router.addRoutes(accessRoutes) // 动态添加可访问路由表 // 获取角色信息后,判断是跳转到默认路由还是管理员路由 const redirectPath = store.getters.roles.includes('admin') ? '/index_admin' : to.path next({ path: redirectPath, replace: true }) // hack方法 确保addRoutes已完成 }) }).catch(err => { store.dispatch('user/LogOut').then(() => { Message.error(err) next({ path: '/' }) }) }) } else { // 如果访问的是根路径,根据角色重定向 if (to.path === '/') { if (store.getters.roles.includes('admin')) { next({ path: '/index_admin', replace: true }) } else { next() } } else { next() } } } } else { // 没有token if (isWhiteList(to.path)) { // 在免登录白名单,直接进入 next() } else { next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页 NProgress.done() } } }) router.afterEach(() => { NProgress.done() })