qa-prevention-gwj-vue/src/asyncRouter.js

88 lines
2.7 KiB
JavaScript

// 进度条引入设置如上面第一种描述一样
import router from './router'
import request from '@/utils/request'
import store from './store'
import 'nprogress/nprogress.css' // progress bar style
import Layout from '@/layout'
var routers
router.beforeEach((to, from, next) => {
if (to.path == `/login`) {
sessionStorage.clear()
}
if (sessionStorage.getItem('user')) {
if (!routers) {
if (!sessionStorage.getItem('router')) {
// 异步获取store中的路由
request.post('main/index')
.then((res) => {
sessionStorage.setItem('router', JSON.stringify(res.menuList))
routers = res.menuList
try {
const accessRoutes = formatRoutes(routers, '')
// 动态添加格式化过的路由
store.dispatch('permission/generateRoutes', accessRoutes)
router.addRoutes(accessRoutes)
next({ ...to, replace: true })
} catch (error) {
console.info(error)
next(`/login`)
}
})
} else {
routers = JSON.parse(sessionStorage.getItem('router'))
try {
const accessRoutes = formatRoutes(routers, '')
// 动态添加格式化过的路由
store.dispatch('permission/generateRoutes', accessRoutes)
router.addRoutes(accessRoutes)
next({ ...to, replace: true })
} catch (error) {
console.info(error)
next(`/login`)
}
}
} else {
next()
}
} else {
if (to.path == `/login` || to.path == '/apiMonitoringCenter' || to.path == '/apiMajorHazardSources') {
next()
} else {
next(`/login`)
}
}
})
function formatRoutes(routes, baseUrl) {
const res = []
routes.forEach(item => {
if (!item.hasMenu) {
return res
}
const newItem = {}
const meta = {}
if (item.parent_ID == '0') {
newItem.component = Layout
newItem.path = '/' + item.menu_URL
} else {
newItem.component = resolve => require([`@/views/${item.component}`], resolve)
newItem.path = item.menu_URL
}
newItem.hidden = item.menu_STATE == '0'
const _baseUrl = baseUrl + '/' + item.menu_URL
newItem.name = item.menu_NAME
newItem.children = item.subMenu
meta.title = item.menu_NAME
meta.icon = item.menu_ICON
meta.showModel = item.show_MODEL
newItem.meta = meta
// 若遍历的当前路由存在子路由,需要对子路由进行递归遍历
if (newItem.children && newItem.children.length) {
newItem.children = formatRoutes(item.subMenu, _baseUrl)
}
res.push(newItem)
})
// 返回处理好且可用的路由数组
return res
}