typescript 默认情况下，Angular-Keycloak不会将不记名令牌添加到我的http请求中

gtlvzcf8 于 2022-11-18 发布在 TypeScript

关注(0)|答案(2)|浏览(97)

我试图实现keycloak-angular，但是我不能在我的http请求中默认添加不记名令牌。
“角形密钥罩”：“9.1.0”“密钥隐藏-js”：“16.0.0”“Angular ”：“第13.0.2条”

function initializeKeycloak(keycloak: KeycloakService) {
  return async () =>
   await keycloak.init({
      config: {
        url: 'https://127.0.0.1:8443/auth',
        realm: '*****',
        clientId: '****',
      },
      initOptions: {
        onLoad: 'login-required',
        checkLoginIframe: false,
      },
      loadUserProfileAtStartUp: true,
      enableBearerInterceptor: true,
      bearerExcludedUrls: [],
      bearerPrefix:'Bearer '
    });
}


 @NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    CoreModule,
    BrowserModule,
    KeycloakAngularModule,
    AppRoutingModule
  ],
  providers: [
    { provide: LOCALE_ID, useValue: 'it' },
    {
      provide: APP_INITIALIZER,
      useFactory: initializeKeycloak, 
      multi: true,
      deps: [KeycloakService]
    },
  ],
  bootstrap: [AppComponent]
})

typescript

来源：https://stackoverflow.com/questions/71382837/angular-keycloak-is-not-adding-the-bearer-token-by-default-to-my-http-requests

2条答案

按热度按时间

ia2d9nvy1#

您必须使用HttpInterceptor在每个API调用处添加自定义头。

providers: [
 {
   provide: HTTP_INTERCEPTORS,
   useClass: ApiInterceptor,
   multi: true,
 }
],

实现拦截功能：

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
  request = request.clone({
    setHeaders: {
      Authorization: `Bearer #YOUR_TOKEN_HERE#`
    }
  });

  return next.handle(request);
}

赞(0）回复(0）举报 2022-11-18

2q5ifsrm2#

在我的例子中，没有使用HttpClient来执行请求。
相反，fetch已被直接使用，并且未被angular拦截。
因此，如果HttpInterceptor已经就位，但它不起作用，请确保使用HttpClient来处理请求。
我将fetch(...)更改为http.get(...)，并且成功了

赞(0）回复(0）举报 2022-11-18

我来回答

typescript 默认情况下，Angular-Keycloak不会将不记名令牌添加到我的http请求中

2条答案

相关问题

热门标签

最新问答