Vue router4 addRoute动态添加路由,子路由;路由添加后刷新白屏

Vue router4 addRoute动态添加路由,子路由;路由添加后刷新白屏,第1张

在此之前添加路由只需要把后端返回的结构树放到 addRouters中就可以 router4更新后 废除了addRouters 新增addRoute 下面介绍一下addRoute的用法

1、取出非第一级的所有数据

2、映射出所有路由规则

3、添加路由

4、 登录成功后 保存菜单数据,保存后在vuex直接触发添加事件即可 this.commit('add_route')

addRoutes的使用场景:

一般多用于后台管理页面动态路由跟静态路由,静态路由默认展示的都能看到的页面,动态路由一般需要一些访问权限。当管理员给员工分配角色(这里使用RBAC)角色对应的权限,路由name跟服务器权限名称一致,通addRoutes添加到路由后面。 员工显示的页面就是管理员分配的权限

这里的404路由必须加到最后 否则刷新时 会直接跳到404页面


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11917131.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存