vue动态路由攻略
1.动态路由渲染1.1 首选梳理动态路由渲染流程,首先登录,然后获取动态路由菜单,然后把动态路由菜单处理一下,然后进行处理,存储到仓库中, 然后,在菜单组件中检测到仓库数据变化,生产动态路由,在路由守卫中检测是否页面刷新,当页面刷新的时候,再次请求接口,再次生成路由菜单。
/** * @method 动态生成路由 */const Layout = () => import('@/layout/LayoutView.vue');const modules = import.meta.glob('@/views/**/**.vue');export const filterAsyncRoutes = (routes, roles) => { if (!routes) return []; const asyncRoutes: any = []; routes.forEach((route) => { const tmpRoute = { ...route }; // ES6扩展运 ...