import { asyncRoutes, constantRoutes } from '@/router' /** * Use meta.role to determine if the current user has permission * @param roles * @param route */ function hasPermission(roles, route) { if (route.meta && route.meta.roles) { return roles.some(role => route.meta.roles.includes(role)) } else { return true } } /** * Filter asynchronous routing tables by recursion * @param routes asyncRoutes * @param roles */ export function filterAsyncRoutes(routes, roles) { const res = [] routes.forEach(route => { const tmp = { ...route } if (hasPermission(roles, tmp)) { if (tmp.children) { tmp.children = filterAsyncRoutes(tmp.children, roles) } res.push(tmp) } }) return res } const state = { routes: constantRoutes, addRoutes: [], permissionList: {} } const mutations = { SET_ROUTES: (state, routes) => { state.addRoutes = routes state.routes = state.routes.concat(routes) }, SET_PERMISSION_LIST: (state, val) => { state.permissionList = val } } const actions = { generateRoutes({ commit }, roles) { return new Promise(resolve => { let accessedRoutes if (roles.includes('admin')) { accessedRoutes = asyncRoutes || [] } else { accessedRoutes = filterAsyncRoutes(asyncRoutes, roles) } commit('SET_ROUTES', accessedRoutes) resolve(accessedRoutes) }) }, addRoutes({ commit }, accessedRoutes) { return new Promise(resolve => { commit('SET_ROUTES', accessedRoutes) resolve(accessedRoutes) }) }, setPermissionList({ commit }, val) { return new Promise(resolve => { commit('SET_PERMISSION_LIST', val) resolve(val) }) }, clearPermissionList({ commit }) { return new Promise(resolve => { commit('SET_PERMISSION_LIST', {}) resolve({}) }) } } export default { namespaced: true, state, mutations, actions }