我正在关注 angular-oauth2-oidc 库的入门指南,但它唯一存储的是nonce
值,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
。