¶Ô±ÈÐÂÎļþ |
| | |
| | | import { constantRoutes } from '@/router' |
| | | import { getRouters } from '@/api/menu' |
| | | import Layout from '@/layout/index' |
| | | |
| | | const permission = { |
| | | state: { |
| | | routes: [], |
| | | addRoutes: [] |
| | | }, |
| | | mutations: { |
| | | SET_ROUTES: (state, routes) => { |
| | | state.addRoutes = routes |
| | | state.routes = constantRoutes.concat(routes) |
| | | } |
| | | }, |
| | | actions: { |
| | | // çæè·¯ç± |
| | | GenerateRoutes({ commit }) { |
| | | return new Promise(resolve => { |
| | | // åå端请æ±è·¯ç±æ°æ® |
| | | getRouters().then(res => { |
| | | const accessedRoutes = filterAsyncRouter(res.data) |
| | | accessedRoutes.push({ path: '*', redirect: '/404', hidden: true }) |
| | | commit('SET_ROUTES', accessedRoutes) |
| | | resolve(accessedRoutes) |
| | | }) |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | |
| | | // éååå°ä¼ æ¥çè·¯ç±å符串ï¼è½¬æ¢ä¸ºç»ä»¶å¯¹è±¡ |
| | | function filterAsyncRouter(asyncRouterMap) { |
| | | return asyncRouterMap.filter(route => { |
| | | if (route.component) { |
| | | // Layoutç»ä»¶ç¹æ®å¤ç |
| | | if (route.component === 'Layout') { |
| | | route.component = Layout |
| | | } else { |
| | | route.component = loadView(route.component) |
| | | } |
| | | } |
| | | if (route.children != null && route.children && route.children.length) { |
| | | route.children = filterAsyncRouter(route.children) |
| | | } |
| | | return true |
| | | }) |
| | | } |
| | | |
| | | export const loadView = (view) => { // è·¯ç±æå è½½ |
| | | return (resolve) => require([`@/views/${view}`], resolve) |
| | | } |
| | | |
| | | export default permission |