后台管理系统有不同的角色,每个角色有对应的权限,登入后会看到不同的菜单,如何配置呢,会有三种不同的方法
- 第一种:将全部的路由写在一个数组中,嘿嘿,反正登入后也只会显示对应的菜单,其他的菜单不可见,当然也就跳转不到啦,但是,安全性不高,如果是在地址里面输入了一个显示菜单中没有的路由,还是能够跳转的哦,这就有风险了,所以这种不推荐
- 第二种:不同的角色有不同的路由,这个就跟公司的项目是一样的了,这种能够避免上面的那种问题,不在路由范围 内的是不会跳转到对应组件的,但是弊端是:如果新增了一个菜单,那么就得修改前端代码了,这样子灵活性不高
- 第三种:动态生成路由
根据后端返回的菜单中的url映射到路由 首先,需要有一个数组,来存储所有的路由信息,这个数组不需要自己一点点写,可以利用webpack中的require函数来生成
接着进行路由的映射,将后端返回的菜单中的url映射到路由中的path