Angular如何从Spring Security获取CSRF令牌?
创始人
2024-10-29 06:30:32
0

要从Spring Security获取CSRF令牌,可以使用Angular的HttpClient来发送GET请求获取CSRF令牌。

首先,确保你的Spring Security配置中启用了CSRF保护,例如:

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http
            .csrf()
                .csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse());
    }
}

在Angular应用中,你可以创建一个服务来获取CSRF令牌。例如,创建一个名为CsrfTokenService的服务:

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class CsrfTokenService {

  constructor(private http: HttpClient) { }

  getCsrfToken() {
    return this.http.get('/api/csrf-token', { responseType: 'text' });
  }

}

在上面的代码中,我们使用HttpClient发送一个GET请求来获取CSRF令牌。注意,我们将responseType设置为text,以便获取CSRF令牌的字符串形式。

然后,在需要使用CSRF令牌的地方,可以注入CsrfTokenService并调用getCsrfToken方法来获取CSRF令牌。例如,你可以在一个名为CsrfTokenInterceptor的拦截器中添加CSRF令牌到请求头中:

import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { CsrfTokenService } from './csrf-token.service';

@Injectable()
export class CsrfTokenInterceptor implements HttpInterceptor {

  constructor(private csrfTokenService: CsrfTokenService) { }

  intercept(req: HttpRequest, next: HttpHandler): Observable> {
    return this.csrfTokenService.getCsrfToken().pipe(
      switchMap(csrfToken => {
        const headers = req.headers.set('X-CSRF-TOKEN', csrfToken);
        const csrfReq = req.clone({ headers });
        return next.handle(csrfReq);
      })
    );
  }

}

在上面的代码中,我们通过调用csrfTokenService.getCsrfToken()方法获取CSRF令牌,并将其添加到请求头的X-CSRF-TOKEN字段中。然后,我们使用clone方法创建一个新的请求,并将CSRF令牌添加到新请求的请求头中,最后通过next.handle方法继续处理请求。

最后,将CsrfTokenInterceptor添加到Angular的HTTP拦截器链中。例如,在AppModule中的providers数组中添加:

import { CsrfTokenInterceptor } from './csrf-token.interceptor';

@NgModule({
  // ...
  providers: [
    // ...
    {
      provide: HTTP_INTERCEPTORS,
      useClass: CsrfTokenInterceptor,
      multi: true
    }
  ],
  // ...
})
export class AppModule { }

这样,当Angular应用发送请求时,就会自动获取并添加CSRF令牌到请求头中。

相关内容

热门资讯

四分钟科普!gg扑克发牌(透视... 四分钟科普!gg扑克发牌(透视)软件透明挂((2022已更新))(哔哩哔哩)1、让任何用户在无需gg...
透视美元局!斗棋麻将有挂吗(辅... 透视美元局!斗棋麻将有挂吗(辅助挂)原来是真的有挂(有挂总结)-哔哩哔哩;一、斗棋麻将有挂吗AI软件...
让我来分享经验!广东雀神辅助教... 1、让我来分享经验!广东雀神辅助教程(辅助挂)果真是真的有挂(有挂功能)-哔哩哔哩2、进入游戏-大厅...
透视黑科技!wepoke辅助挂... wepoke辅助挂透视辅助版本稳定性对比与推荐‌:透视黑科技!wepoke辅助挂在哪开!果真真的有挂...
一分钟快速了解!微友亲友圈麻将... 1、一分钟快速了解!微友亲友圈麻将辅牌器怎么下载(辅助挂)果真是真的有挂(有挂辅助)-哔哩哔哩;详细...
六分钟科普!微扑克必胜技巧(透... 六分钟科普!微扑克必胜技巧(透视)辅助透视((2023已更新))(哔哩哔哩);是一款可以让一直输的玩...
重大通报!广东雀神小程序打牌技... 重大通报!广东雀神小程序打牌技巧(辅助挂)原来真的有挂(竟然有挂)-哔哩哔哩;广东雀神小程序打牌技巧...
指导大家!德州ai智能辅助是什... 您好,德州ai智能这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
一分钟了解!小鸟历险记广元长牌... 一分钟了解!小鸟历险记广元长牌外挂(辅助挂)的确真的有挂(有挂详细)-哔哩哔哩;小鸟历险记广元长牌外...
三分钟普及!wpk透视辅助合作... 三分钟普及!wpk透视辅助合作(透视)透视辅助((2024已更新))(哔哩哔哩);小薇(透视辅助)致...