存在有效Cognito用户时Angular路由守卫仍不渲染Dashboard的问题

• 核心问题是异步逻辑没有被正确处理：cognitoUser.getSession 是回调式的异步方法，canActivate 函数不会等待回调执行完成，会直接运行代码末尾的this.router.navigate(['signin'])并返回false，这就是你明明打印会话有效还是会跳登录页的原因。
• 回调函数内部的return isSessionValid不会被外层canActivate接收，完全起不到返回校验结果的作用。

你可以把回调逻辑封装为Promise返回，Angular的路由守卫原生支持接收Promise类型的返回值，修改后的canActivate代码如下：

canActivate(
  route: ActivatedRouteSnapshot,
  state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {

  const poolData = {
    UserPoolId: environment.cognitoUserPoolId, 
    ClientId: environment.cognitoAppClientId
  };

  const userPool = new CognitoUserPool(poolData);
  const cognitoUser = userPool.getCurrentUser();

  // 没有当前用户直接返回重定向
  if (!cognitoUser) {
    return this.router.parseUrl('/signin');
  }

  // 把回调封装为Promise返回
  return new Promise((resolve) => {
    cognitoUser.getSession((err: any, session: any) => {
      if (err) {
        alert(err.message || JSON.stringify(err));
        resolve(this.router.parseUrl('/signin'));
        return;
      }
      const isSessionValid = session.isValid();
      if (isSessionValid) {
        resolve(true);
      } else {
        resolve(this.router.parseUrl('/signin'));
      }
    });
  });
}

• 可以把Cognito用户池初始化、会话校验逻辑抽离到独立的Auth服务中，避免每个路由守卫执行时都重复初始化用户池实例，减少冗余代码。
• 优先使用router.parseUrl返回UrlTree类型做重定向，比手动调用router.navigate更符合路由守卫的设计规范，不会出现多余的路由跳转历史记录。

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