Angular Auth0 "Invalid State" 问题

Question

我正在尝试将 Auth0 添加到我的 angular 应用程序（我在 VS2022 中使用 .NET Core Angular 项目模板）。

.NET 6
Angular: 13.0.2
@auth0/auth0-angular: 1.8.0

首先，我关注了 https://auth0.com/docs/quickstart/spa/angular/01-login，但在登录后，Auth0 使用“code”和“state”查询参数将我重定向回我的站点 (localhost)。我找到了 handleRedirectCallback() 方法并调用了它。但我得到一个错误：

Auth0 代码足够小：

AuthModule.forRoot({
  domain: environment.auth0.domain,
  clientId: environment.auth0.clientId,
  redirectUri: environment.auth0.redirectUrl
})

export class LoginComponent {
  constructor(auth: AuthService) {
    if (window.location.href.indexOf('state=') > -1) {
      auth.handleRedirectCallback().subscribe(value => {
        debugger;
      });
    } else {
      auth.loginWithRedirect();
    }
  }
}

我还创建了一个新的默认 angular 项目并添加了代码，但我仍然看到无效状态错误。

Answer 1

我不需要显式调用 handleRedirectCallback，库会自动调用。

Angular Auth0 "Invalid State" 问题

Angular Auth0 "Invalid State" issue

auth0

angular