Angular 5中canActivateChild多次调用是否为正常行为？

首先可以明确说：这种2-3次调用的情况通常是正常的，属于Angular路由导航机制的预期行为，下面具体解释原因和应对建议：

为什么会多次调用canActivateChild？ #

• 懒加载模块的加载流程：你的路由配置里使用了loadChildren来懒加载子模块（比如DashboardModule、CheckpointListModule）。当导航到这类路由时，Angular会分两步处理：
  1. 第一步：先匹配父路由下的子路由配置，此时会触发一次canActivateChild检查，确认当前用户是否有权限进入该子路由入口；
  2. 第二步：懒加载模块完成加载后，Angular会解析该模块内的具体路由配置，这时候会再次触发canActivateChild，对模块内的实际路由进行权限校验。如果模块里还有更深的嵌套路由，可能会触发第三次调用。
• 路由导航的多阶段校验：Angular的路由导航会经历多个阶段（比如路由匹配、守卫校验、激活组件等），某些阶段会重复触发守卫来确保路由状态的一致性，比如路由确认前的二次校验。

如何验证和优化？ #

• 添加日志排查：在你的RoleGuard的canActivateChild方法里添加日志，打印每次调用的route快照信息，你会发现每次调用对应的路由层级或状态是不同的，比如第一次是父路由的子路由节点，第二次是懒加载模块内的具体路由：

  canActivateChild(childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    console.log('canActivateChild called for:', childRoute.pathFromRoot.map(p => p.url).join('/'));
    // 你的权限校验逻辑
  }
  

• 确保守卫是单例：检查你的RoleGuard的注册方式，确保它是在根模块（AppModule）或者路由模块中作为单例提供的，避免在多个组件或模块中重复注册导致多个实例被创建，进而引发不必要的多次调用。
• 幂等性与缓存优化：只要你的权限校验逻辑是幂等的（多次调用返回相同结果），就不会影响功能。如果担心性能，可以对用户角色和路由权限的校验结果做简单缓存，比如用Map存储已校验过的路由权限，避免重复计算。

总结 #

只要你的RoleGuard逻辑正确，多次调用不会带来功能问题，这是Angular处理懒加载路由和导航校验的正常机制。如果调用次数异常多（比如超过3次以上），再去排查是否有路由配置错误或者守卫注册不当的问题。

内容的提问来源于stack exchange，提问作者Alessandro Celeghin