项目图片

前端vue动态路由

weiping8/8/20264475

  • 动态路由,很多场景是,有些页面必须是某些用户或者某些角色才能访问,所以呢,前端的代码即使不给页面的入口,但是要是直接在地址栏敲入相关地址页面还是可以被访问到。为了杜绝这种情况,就用到了动态路由,没有权限的页面直接在路由里不注册,及时输入地址也将无效

  • 就是在全局守卫 routes.beforeEach (路由跳转之前)里使用 (routes.addRoute(xxx))动态添加的,可以请求后端来配合。

  • 相比纯前端实现路由权限,这种基于后端返回路由菜单的方式会显得简单一些。我们不需要经过RBAC去过滤出用户可以访问的路由,而是接口直接返回给了我们。我们只需要将路由菜单对应生成一份路由,然后将路由进行挂载。

  • 学习地址:https://www.jb51.net/article/247785.htm