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 { getUserId, getToken } from '@/utils/auth' // get token from cookie import { adminBuild } from '@/api/user.js' import { filterAsyncRouter } from '@/store/modules/permission.js' import getPageTitle from '@/utils/get-page-title' NProgress.configure({ showSpinner: false }) // NProgress Configuration const whiteList = ['/login'] // no redirect whitelist let isFirstLoad = true; router.beforeEach(async (to, from, next) => { if (isFirstLoad) { let urlPart = window.location.href; const queryIndex = urlPart.indexOf('?'); console.log(queryIndex, 'queryIndexqueryIndexqueryIndex'); if (queryIndex === -1) { } else { const queryString = urlPart.slice(queryIndex + 1); const paramPairs = queryString.split('&'); let idValue = null; let tokenValue = null; paramPairs.forEach(pair => { const [key, value] = pair.split('='); if (key === 'code') { idValue = value; } }); localStorage.setItem("code", idValue); } isFirstLoad = false; } // 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) { console.log(to.path,'path') if (to.path === '/login') { // if is logged in, redirect to the home page next({ path: '/' }) NProgress.done() } else { if (store.getters.routers.length === 0) { // 条件加载 loadMenus(next, to) store.commit('SET_LOAD', true) } else if (!store.getters.hasLoad) { // 是否加载过动态路由 // // 修改hasLoad为false,防止死循环 store.commit('SET_LOAD', true) loadMenus(next, to) } else { try { next() } catch (error) { await store.dispatch('user/resetToken') Message.error(error || 'Has Error') next(`/login?redirect=${to.path}`) NProgress.done() } } } } else { /* has no token*/ if (whiteList.indexOf(to.path) !== -1) { console.log('no token') next() } else { next(`/login?redirect=${to.path}`) NProgress.done() } } }) export const loadMenus = (next, to) => { adminBuild({ platformUserId: getUserId() }).then(res => { const asyncRouter = filterAsyncRouter(res.data) // 画布设置 asyncRouter.forEach(item => { if (item.path.indexOf('.html') !== -1) { item.path = item.path + '?' + getToken() } }) // 异常跳转添加 asyncRouter.push({ path: '*', redirect: '/404', hidden: true }) store.dispatch('GenerateRoutes', asyncRouter).then(() => { // 存储路由 router.addRoutes(asyncRouter) // 动态添加可访问路由表 next({ ...to, replace: true }) }) }) } router.afterEach(() => { // finish progress bar NProgress.done() })