angular-oauth2-oidc 未设置 access_token

Question

我正在遵循 angular-oauth2-oidc 库的入门指南，但它存储的唯一内容是 nonce值(value)，access_token不会出现在任何地方。

这是我对 AuthConfig 的配置.

export const AUTHCONFIG: AuthConfig = {
    loginUrl: 'https://login.microsoftonline.com/xxxxxxxx/oauth2/authorize',
    redirectUri: window.location.origin + '/', //localhost:4200/
    clientId: 'the id of my angular app registered in azure',
    resource: 'the id of my web api in nodejs also registered',
    oidc: true,
    requireHttps: false // this is for testing in localhost
};

我的 app.component.ts有以下内容:

export class AppComponent {
     constructor(private oauthService: OAuthService) {this.loadConfig()}
     loadConfig(): void {
         this.ouathService.configure(AUTHCONFIG);
         this.ouathService.tokenValidationHandler
                          = new JwksValidationHandler();
         this.ouathService.token.setStorage(localStorage);
     }
}

在我的 login.component.ts我有:

export class LoginComponent {
    constructor(private oauthService: OAuthService) {}
    login(): void { this.oauthService.initImplicitFlow();}
}

在用户被重定向到这里后，我可以在 url 中看到 access_token 等的参数。

但是当我去 localStorage 时，我唯一能看到的是 nonce及其值，但不是 access_token .我已经尝试在控制台中打印它并收到 null .

这是我返回的网址: http://localhost:4200/#access_token=thetoken&etcparams .

Answer 1

@Otto Cheley 你不需要添加 JWK 验证器。

    export class AppComponent {
     constructor(private oauthService: OAuthService) {this.loadConfig()}
     loadConfig(): void {
         this.ouathService.configure(AUTHCONFIG);
        // this.ouathService.tokenValidationHandler = new JwksValidationHandler();
         this.ouathService.token.setStorage(localStorage);
     }
    }

尝试评论 tokenValidator