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']; // 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: '/' }); NProgress.done() } else { // determine whether the user has obtained his permission perms through getInfo const hasPerms = store.getters.perms && store.getters.perms.length > 0; if (hasPerms) { next() } else { try { // get user info // note: perms must be a object array! such as: ['admin'] or ,['developer','editor'] const { perms } = await store.dispatch('user/getInfo'); // generate accessible routes map based on perms const accessRoutes = await store.dispatch('permission/generateRoutes', perms); // dynamically add accessible routes router.addRoutes(accessRoutes); // hack method to ensure that addRoutes is complete // set the replace: true, so the navigation will not leave a history record next({ ...to, replace: true }) } catch (error) { // remove token and go to login page to re-login await store.dispatch('user/resetToken'); Message.error(error || 'Has Error'); next(`/login?redirect=${to.path}`); NProgress.done() } } } } else { /* has no token*/ if (to.path === '/index'){ next() }else 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}`); NProgress.done() } } }); router.afterEach(() => { // finish progress bar NProgress.done() });