Angular 2中如何排查所有未受Guard保护的路由？

好问题！在Angular中要找出所有没被canActivate守卫保护的路由，核心是得遍历整个路由配置树——毕竟路由经常是嵌套的，不能只看顶层那几条。下面给你具体的实现思路和代码：

Angular的Router服务里的config属性保存了整个应用的路由配置数组，我们可以通过注入这个服务拿到所有路由信息。

因为路由可能有多层嵌套（比如父路由下的子路由、子路由的子路由），所以得用递归函数来遍历每一个路由节点，检查它是否配置了canActivate守卫：

• 如果当前路由没有canActivate属性，或者属性是空数组，就把它标记为未受保护的路由
• 如果当前路由有children子路由，就继续递归处理子路由

你可以把这个逻辑写在组件或者专门的服务里，比如下面这个组件示例：

import { Router, Route } from '@angular/router';
import { Component } from '@angular/core';

@Component({
  selector: 'app-unprotected-routes-checker',
  template: '<h3>未受保护的路由：</h3><pre>{{unprotectedRoutesList | json}}</pre>'
})
export class UnprotectedRoutesCheckerComponent {
  unprotectedRoutesList: Array<{path: string, component?: string}> = [];

  constructor(private router: Router) {
    // 初始化时就开始检查
    this.scanUnprotectedRoutes(this.router.config);
  }

  private scanUnprotectedRoutes(routes: Route[]): void {
    routes.forEach(route => {
      // 检查当前路由是否未配置canActivate守卫
      const hasNoCanActivate = !route.canActivate || route.canActivate.length === 0;
      if (hasNoCanActivate) {
        // 收集路由的路径和组件名（方便排查）
        this.unprotectedRoutesList.push({
          path: route.path || '空路径',
          component: route.component ? (route.component as any).name : '无组件'
        });
      }

      // 递归处理子路由
      if (route.children && route.children.length > 0) {
        this.scanUnprotectedRoutes(route.children);
      }
    });
  }
}

• 如果你的应用还用到了canActivateChild守卫（它会保护整个子路由分支），可以扩展判断逻辑，比如检查父路由是否配置了canActivateChild，避免误判子路由
• 这个逻辑很适合在开发环境下使用，比如做成一个调试页面，方便你快速排查哪些路由没有被守卫保护
• 你也可以把它封装成一个服务，在应用初始化时自动运行，输出日志到控制台，不用专门做页面展示

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