You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
3.2 KiB
111 lines
3.2 KiB
/*
|
|
* 路由配置
|
|
*
|
|
* 需要鉴权的路由：meta && !meta.noAuth
|
|
* 左侧菜单显示：name && !hidden && meta.title
|
|
* 左侧菜单不折叠只有一个children的路由：alwaysShow
|
|
* 面包屑显示：meta.title
|
|
* 搜索选项显示：name && meta.title
|
|
* tab栏固定显示：meta.affix
|
|
* 页面不缓存：!name || meta.noCache
|
|
* 打开iframe：meta.iframe，不会重复打开相同src的iframe
|
|
* */
|
|
import Vue from 'vue'
|
|
import Router from 'vue-router'
|
|
import {pathToRegexp} from 'path-to-regexp'
|
|
import NProgress from 'nprogress'
|
|
import {isUserExist} from "@/utils/sessionStorage"
|
|
import {auth, needAuth} from "@/utils/auth"
|
|
import {isEmpty} from "@/utils"
|
|
import {title} from '@/config'
|
|
import constantRoutes from '@/router/constantRoutes'
|
|
import authorityRoutes from '@/router/authorityRoutes'
|
|
import store from "@/store"
|
|
|
|
Vue.use(Router)
|
|
|
|
NProgress.configure({showSpinner: false})
|
|
|
|
const endRoute = [{path: '*', redirect: '/404', hidden: true}]
|
|
|
|
const urlNoNeedLogin = [
|
|
'/login', '/register', '/404', '/403'
|
|
].map(url => pathToRegexp(url))
|
|
|
|
metaExtend(constantRoutes)
|
|
metaExtend(authorityRoutes)
|
|
|
|
const router = new Router({
|
|
scrollBehavior: () => ({y: 0}),
|
|
routes: constantRoutes.concat(authorityRoutes, endRoute)
|
|
})
|
|
|
|
router.beforeEach(async (to, from, next) => {
|
|
//使用redirect进行跳转时不显示进度条
|
|
!to.path.startsWith('/redirect') && NProgress.start()
|
|
|
|
document.title = getPageTitle(to.meta.title)
|
|
|
|
//不需要登录的页面也不需要进行权限控制
|
|
if (urlNoNeedLogin.some(reg => reg.test(to.path))) return next()
|
|
|
|
const isLogin = isUserExist()
|
|
|
|
//未登录时返回登录页
|
|
if (!isLogin) return next({path: '/login', query: {redirect: to.fullPath}})
|
|
|
|
//初始化菜单
|
|
await initMenu()
|
|
|
|
//已登录时访问登录页则跳转至首页
|
|
if (to.path === '/login') return next({path: '/'})
|
|
|
|
//页面不需要鉴权或有访问权限时通过
|
|
if (!needAuth(to) || auth(to.path)) {
|
|
iframeControl(to)
|
|
return next()
|
|
}
|
|
|
|
//用户无权限访问时的动作
|
|
next({path: '/403'})
|
|
})
|
|
|
|
router.afterEach(() => NProgress.done())
|
|
|
|
//初始化菜单和权限
|
|
function initMenu() {
|
|
if (!store.state.resource.hasInitRoutes) {
|
|
return store.dispatch('resource/init', store.state.user)
|
|
}
|
|
return Promise.resolve()
|
|
}
|
|
|
|
//拼接页面标题
|
|
function getPageTitle(pageTitle) {
|
|
return pageTitle ? `${pageTitle} - ${title}` : title
|
|
}
|
|
|
|
//判断是否需要打开iframe
|
|
function iframeControl(route) {
|
|
let operate = route.meta.iframe ? 'open' : 'close'
|
|
store.dispatch(`iframe/${operate}`, route.meta.iframe)
|
|
}
|
|
|
|
//子路由继承父路由meta上的{affix,noAuth,noCache}，优先使用子路由的值
|
|
function metaExtend(routes, meta) {
|
|
routes.forEach(route => {
|
|
if (meta) {
|
|
const keys = ['affix', 'noAuth', 'noCache']
|
|
Object.keys(meta).forEach(key => {
|
|
if (keys.includes(key) && !isEmpty(meta[key]) && isEmpty(route.meta[key])) {
|
|
route.meta[key] = meta[key]
|
|
}
|
|
})
|
|
}
|
|
if (route.children) {
|
|
metaExtend(route.children, route.meta)
|
|
}
|
|
})
|
|
}
|
|
|
|
export default router
|
|
|