Angular中的Keycloak不会为图像发送Bearer身份验证。
创始人
2024-10-31 07:00:15
0

在Angular中,可以使用HttpClient拦截器来为图像发送Bearer身份验证。下面是一个示例代码:

  1. 创建一个名为auth.interceptor.ts的文件,并在其中添加以下代码:
import { Injectable } from '@angular/core';
import {
  HttpEvent,
  HttpInterceptor,
  HttpHandler,
  HttpRequest,
} from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(
    req: HttpRequest,
    next: HttpHandler
  ): Observable> {
    const token = // 获取用于身份验证的令牌,例如从Keycloak中获取
    const authReq = req.clone({
      setHeaders: {
        Authorization: `Bearer ${token}`,
      },
    });
    return next.handle(authReq);
  }
}
  1. app.module.ts文件中,将AuthInterceptor添加到providers数组中:
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthInterceptor } from './auth.interceptor';

@NgModule({
  imports: [HttpClientModule],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AuthInterceptor,
      multi: true,
    },
  ],
})
export class AppModule {}

这样,每当发送HTTP请求时,拦截器都会将Bearer令牌附加到请求的标头中。对于图像请求,也会自动添加身份验证标头。

请确保在AuthInterceptor中获取正确的令牌,并在应用程序中正确设置Keycloak。

相关内容

热门资讯

据通报!aapoker怎么开辅... 据通报!aapoker怎么开辅助器,智星德州插件最新版本更新内容详解,都是是真的有挂(有挂实锤)1、...
迎来新发展!poker辅助器免... 迎来新发展!poker辅助器免费安装,智星德州插件最新版本更新内容详解,原来真的有挂(有挂存在)1、...
截至发稿!wepoker怎么开... 截至发稿!wepoker怎么开辅助,德普之星透视辅助软件激活码,切实真的是有挂(详细教程)1、德普之...
无独有偶!aapoker辅助器... 无独有偶!aapoker辅助器怎么用,德普辅助软件,其实存在有挂(有挂透明挂)1、首先打开德普辅助软...
黑科技技巧!aapoker怎么... 黑科技技巧!aapoker怎么开辅助器,德普之星辅助工具如何打开,一贯确实有挂(确实有挂)1、超多福...
受玩家影响!aapoker万能... 受玩家影响!aapoker万能辅助器,德扑之星透视,总是存在有挂(真的有挂)1、任何德扑之星透视透视...
此事备受玩家关注!wepoke... 此事备受玩家关注!wepoker软件靠谱么,德普之星透视辅助软件,一直真的有挂(有挂教学)1、德普之...
黑科技代打!hhpoker有作... 黑科技代打!hhpoker有作弊的吗,德普之星透视辅助软件下载,真是真的有挂(有挂教程)1、游戏颠覆...
有玩家发现!德州hhpoker... 有玩家发现!德州hhpoker是真的吗,德扑之星透视辅助插件,切实是真的有挂(有挂辅助)德扑之星透视...
据统计!hhpoker有没有作... 据统计!hhpoker有没有作弊辅助,德普之星辅助工具如何打开,真是真的是有挂(存在有挂)1、用户打...