希望在页面加载之前,加载之后执行一些统一逻辑的话,可以使用导航守卫
导航守卫可以理解为就是beforeEach和afterEach两个方法
关于beforeEach和afterEach几个参数说明:
- to: Route: 即将要进入的目标 路由对象
- from: Route: 当前导航正要离开的路由
- next: Function: 一定要调用该方法来 resolve 这个钩子。
- 执行效果依赖 next() 方法的调用参数。
实际应用场景
- 添加NProgress进度条
- 对即将访问的路径进行权限校验
-
- 是否有token,没有token不给进
-
- 如果有token,在判断当前用户角色,是否包含在路由的权限列表内,没有包含,表示该角色没有权限访问此路径,那么就清空token,然后跳登录页页面的标题动态更新