高频-谈谈你对导航守卫的了解?

37 阅读1分钟

希望在页面加载之前,加载之后执行一些统一逻辑的话,可以使用导航守卫

导航守卫可以理解为就是beforeEachafterEach两个方法

关于beforeEach和afterEach几个参数说明:

  • to: Route: 即将要进入的目标 路由对象
  • from: Route: 当前导航正要离开的路由
  • next: Function: 一定要调用该方法来 resolve 这个钩子。
  • 执行效果依赖 next() 方法的调用参数。

实际应用场景

  • 添加NProgress进度条
  • 对即将访问的路径进行权限校验
    • 是否有token没有token不给进
    • 如果有token,在判断当前用户角色,是否包含在路由的权限列表内,没有包含,表示该角色没有权限访问此路径,那么就清空token,然后跳登录页页面的标题动态更新