Angular 路由器对 Cognito 重定向没有反应？

Question

当我们通过 AWS Cognito 使用社交登录时，Cognito 会向浏览器发送重定向以转到signin redirect URL 后登录。 在这种情况下，配置的 URL 是http://localhost:4200/home/ 。

当应用程序收到此重定向时，它会转到http://localhost:4200/home/但显示的组件仍然是http:localhost:4200/signin/ 。 如果我通过选择 URL 并按 Enter 手动刷新页面，则会显示主页组件。

路由器配置如下所示：

const routes: Routes = [
  { path: '', pathMatch: 'full', redirectTo: 'signin' },
  { path: 'home', component: HomeComponent, canActivate: [ AuthGuard ] },
  { path: 'signin', component: SigninComponent, canActivate: [ UnauthGuard ] },
  { path: 'signout', component: SignoutComponent, canActivate: [ UnauthGuard ] }
]

所以应用程序总是首先重定向到signin 。 问题似乎是双重重定向。

关于如何解决这个问题的想法？

我在没有Router重定向的情况下尝试过。 我添加了一个与''路线一起显示的welcome页面。 单击此页面上的登录时，该应用程序仍会重新加载最初的signin路由（Where it leftoff）并重定向到home路由，但仍会显示登录组件。

const routes: Routes = [
  { path: '', component: WelcomeComponent, canActivate: [ UnauthGuard ] },
  { path: 'home', component: HomeComponent, canActivate: [ AuthGuard ] },
  { path: 'signin', component: SigninComponent, canActivate: [ UnauthGuard ] },
  { path: 'signout', component: SignoutComponent, canActivate: [ UnauthGuard ] }
]

更新

见答案。 提交错误报告：

https://github.com/aws-amplify/amplify-js/issues/4988

Answer 1

弄清楚了。 即使用户在使用 Google 登录后已通过身份验证，第一次调用如下签名后：

    Auth.currentAuthenticatedUser()
      .then((u) => {
        console.log('The user is : ', u)
      }).catch(e=>{console.log("NOT AUTHENTICATED YET")})
  }

日志NOT AUTHENTICATED YET 。 所以AuthGuard不允许用户通过。

当页面再次刷新时Auth.currentAuthenticatedUser()返回用户，因此守卫将应用程序引导到正确的页面。