import Vue from 'vue'; import store from '@/store/index'; import router from './router/index_APP_TARGET'; import {loginInfo} from '@/scripts/ProjectConfig'; import NProgress from 'nprogress'; import 'nprogress/nprogress.css'; import { getToken, removeToken, getSessionStorage } from '@/utils/auth'; import localStore from 'storejs'; const whiteList = ['/login', '/design/login', '/gzzbxy/relay', '/authorization', '/AUSline', '/AUStool']; // 不重定向白名单 for (const val in loginInfo) { if (loginInfo[val].loginPath && !whiteList.includes(loginInfo[val].loginPath)) { whiteList.push(loginInfo[val].loginPath); } } // 登录路径判断获取 function getRouteInfo(to) { let loginPath = ''; const toRoutePath = to.redirectedFrom || to.path; const current_session = getSessionStorage('project'); if (whiteList.includes(toRoutePath)) { // 登陆页面清空 token removeToken(); } const localLogin = process.env.VUE_APP_PRO == 'local' || process.env.VUE_APP_PRO == 'ntyl'; loginPath = loginInfo[current_session] && !localLogin ? loginInfo[current_session].loginPath : whiteList[0]; if (to.query.projectDevice && to.query.type) { loginPath = `${loginPath}&projectDevice=${to.query.projectDevice}&type=${to.query.type}`; } return loginPath; } function handleRoute(to, next, loginPath) { if (store.getters.roles.length == 0) { store.dispatch('GetInfo', getToken()).then(res => { // 根据roles权限生成可访问的路由表 const roles = res.roles; store.dispatch('GenerateRoutes', { roles }).then(() => { router.addRoutes(store.getters.addRouters); // 动态添加可访问路由表 if (to.redirectedFrom) { next({ path: to.redirectedFrom, replace: true }); } else { next({ ...to, replace: true }); } }); }).catch(() => { store.dispatch('FedLogOut').then(() => { Vue.prototype.$messageBox('验证失败,请重新登录!'); next({ path: loginPath }); }); }); } else { // 除没有动态改变权限的需求可直接next() 删下方权限判断 if (to.path === '/404' && to.redirectedFrom === '/') { const project = getSessionStorage('project'); next(localStore.get('trainingPlatformRoute' + store.getters.id + project) || '/trainingPlatform'); } else { next(); } } } router.beforeEach((to, from, next) => { const project = getSessionStorage('project'); document.title = loginInfo[project || 'login'].browserTitle || loginInfo[project || 'login'].title; NProgress.start(); const loginPath = getRouteInfo(to); if (getToken()) { if (to.path === loginPath) { // 登录页面不拦截 next(); } else { // 进入系统重新计算路由 handleRoute(to, next, loginPath); } } else { if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单,直接进入 next(); } else if (to.path.substr(0, 13) == whiteList[2]) { next(); } else { // 否则全部重定向到登录页 next(loginPath); } } }); NProgress.configure({ easing: 'ease', // 动画方式 speed: 500, // 递增进度条的速度 showSpinner: false, // 是否显示加载ico trickleSpeed: 200, // 自动递增间隔 minimum: 0.3 // 初始化时的最小百分比 }); router.afterEach(() => { // 结束Progress NProgress.done(); });