76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
import router from './router'
|
|
import { store } from '@/store/index'
|
|
import getPageTitle from '@/utils/page'
|
|
let asyncRouterFlag = 0
|
|
|
|
const whiteList = ['Login', 'Init']
|
|
|
|
const getRouter = async() => {
|
|
await store.dispatch('router/SetAsyncRouter')
|
|
await store.dispatch('user/GetUserInfo')
|
|
const asyncRouters = store.getters['router/asyncRouters']
|
|
asyncRouters.forEach(asyncRouter => {
|
|
router.addRoute(asyncRouter)
|
|
})
|
|
}
|
|
|
|
async function handleKeepAlive(to) {
|
|
if (to.matched && to.matched.length > 2) {
|
|
for (let i = 1; i < to.matched.length; i++) {
|
|
const element = to.matched[i - 1]
|
|
if (element.name === 'layout') {
|
|
to.matched.splice(i, 1)
|
|
await handleKeepAlive(to)
|
|
}
|
|
// 如果没有按需加载完成则等待加载
|
|
if (typeof element.components.default === 'function') {
|
|
await element.components.default()
|
|
await handleKeepAlive(to)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
router.beforeEach(async(to, from, next) => {
|
|
handleKeepAlive(to)
|
|
const token = store.getters['user/token']
|
|
// 在白名单中的判断情况
|
|
document.title = getPageTitle(to.meta.title)
|
|
if (whiteList.indexOf(to.name) > -1) {
|
|
if (token) {
|
|
if (!asyncRouterFlag) {
|
|
asyncRouterFlag++
|
|
await getRouter()
|
|
}
|
|
next({ name: store.getters['user/userInfo'].authority.defaultRouter })
|
|
} else {
|
|
next()
|
|
}
|
|
} else {
|
|
// 不在白名单中并且已经登陆的时候
|
|
if (token) {
|
|
// 添加flag防止多次获取动态路由和栈溢出
|
|
if (!asyncRouterFlag) {
|
|
asyncRouterFlag++
|
|
await getRouter()
|
|
|
|
next({...to, replace: true })
|
|
} else {
|
|
if (to.matched.length) {
|
|
next()
|
|
} else {
|
|
next({ path: '/layout/404' })
|
|
}
|
|
}
|
|
}
|
|
// 不在白名单中并且未登陆的时候
|
|
if (!token) {
|
|
next({
|
|
name: 'Login',
|
|
query: {
|
|
redirect: document.location.hash
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}) |