Vue中如何实现动态路由与Spring Security按钮级权限控制？
- 内容介绍
- 文章标签
- 相关推荐
本文共计2223个文字，预计阅读时间需要9分钟。
思路：动态路由实现：在导航守卫中判断用户是否有用户信息，通过调用接口获取后台根数据生成菜单树，格式化菜单树结构信息并递归生成层级路由表，并使用Vuex进行保存。
具体步骤：
1.在导航守卫中检查用户信息。
2.调用接口获取后台根数据。
3.根据根数据生成菜单树。
4.格式化菜单树结构。
5.递归生成层级路由表。
6.使用Vuex存储路由表信息。
思路 ：
动态路由实现:在导航守卫中判断用户是否有用户信息， 通过调用接口，拿到后台根据用户角色生成的菜单树， 格式化菜单树结构信息并递归生成层级路由表并 使用Vuex保存，通过router.addRoutes 动态挂载到 router 上，按钮级别的权限控制,则需使用自定义指令去实现。
本文共计2223个文字，预计阅读时间需要9分钟。
思路：动态路由实现：在导航守卫中判断用户是否有用户信息，通过调用接口获取后台根数据生成菜单树，格式化菜单树结构信息并递归生成层级路由表，并使用Vuex进行保存。
具体步骤：
1.在导航守卫中检查用户信息。
2.调用接口获取后台根数据。
3.根据根数据生成菜单树。
4.格式化菜单树结构。
5.递归生成层级路由表。
6.使用Vuex存储路由表信息。
思路 ：
动态路由实现:在导航守卫中判断用户是否有用户信息， 通过调用接口，拿到后台根据用户角色生成的菜单树， 格式化菜单树结构信息并递归生成层级路由表并 使用Vuex保存，通过router.addRoutes 动态挂载到 router 上，按钮级别的权限控制,则需使用自定义指令去实现。