vue单页面方式对于动态路由的处理

有这样一个后台系统,系统和模块分得很多,里面涉及很多操作权限,每个登陆者分配的权限不同,因此可操作的菜单和可见的页面也有不同。

先前的方案是写全前端页面的路由表,然后根据后台返回的登陆者可用的路由表进行筛选过滤,得到实际的可显示配置,这样是OK的。

但是我们这个平台是可以配置菜单,配置权限,配置模块的,这些菜单的名字,路径什么的都可以配置,这样导致业务上一旦修改,前端路由对不上就会报错白屏,非常脆弱。

我的问题有2个:
1.如果先请求获取路由表=>挂载路由=>挂载vue实例这种方法是否是OK的(尝试失败,一直报错)?
2.除了服务端渲染,有什么其他的方式可以解决这类问题?


慕标5832272
浏览 732回答 3
3回答

蝴蝶不菲

系统最开始只有登录页路由,登录获取用户信息和路由表,根据后端返回路由表生成前段路由通过addRoutes添加到总路由,这样前端只需要根据后端返回加载用户有权限查看的路由就行,具体按钮级别的权限控制也可以通过后端返回来控制

温温酱

动态配置路由你应该配置错了吧
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript