import router from './router'; import store from './store'; import {Message} from 'element-ui'; import NProgress from 'nprogress'; // progress bar import 'nprogress/nprogress.css'; // progress bar style import {getToken} from '@/utils/auth'; // get token from cookie import getPageTitle from '@/utils/get-page-title'; NProgress.configure({ showSpinner: false }); // NProgress Configuration const whiteList = ['/login', '/auth-redirect','/resetPwd']; // no redirect whitelist router.beforeEach(async (to, from, next) => { // start progress bar NProgress.start(); // set page title document.title = getPageTitle(to.meta.title); // determine whether the user has logged in const hasToken = getToken(); if (hasToken) { if (to.path === '/login') { // if is logged in, redirect to the home page // next({ path: '/' }); next(); NProgress.done(); }else if( to.path === '/resetPwd'){ next(); NProgress.done(); }else { const hasRoles = store.getters.roles && store.getters.roles.length > 0; if (hasRoles) { next(); } else { try { const roles = await store.dispatch('user/getInfo').roles; const accessRoutes = await store.dispatch('permission/generateRoutes'); router.options.routes = accessRoutes // 动态添加可访问路由表 router.addRoutes(accessRoutes); next({ ...to, replace: true }); } catch (error) { store.dispatch('user/logout').then(() => { Message.error(error) next({ path: '/login?redirect=${to.path}' }) }) } } } } else { /* has no token*/ if (whiteList.indexOf(to.path) !== -1) { // in the free login whitelist, go directly next(); } else { // other pages that do not have permission to access are redirected to the login page. // next(`/login?redirect=${to.path}`); next('/login'); NProgress.done(); } } }); router.afterEach(() => { // finish progress bar NProgress.done(); });