GET通信でXSRF-TOKENの取得ができない

Question

実現したいこと

以下のサイトを参考にしてSpring SecurityでCSRFトークンを利用するREST APIの作成を行っています。
https://volkruss.com/posts/p3398/

Angularで作成した画面からGET送信を行うとクッキーにCSRFトークンが格納されるようにしたいです。

前提

REST APIをSpringで作成し、
Angularで作成した画面（コンポーネント）からAPIの呼び出しを行っています。

発生している問題・エラーメッセージ

PostmanからGET送信をするとクッキーにCSRFトークンが設定されていることが確認できるのですが、
Angularで作成した画面のボタンからGET送信をしてもクッキーにCSRFトークンが設定されません。
Postmanでは正常にCSRFトークンが取得できていることからAngular側で何か設定が必要なのではないかと考えてます。
原因と対処法がありましたらご教示いただきたいです。

・PostmanでGET送信

・Angularで作成した画面からGET通信してもクッキーにCSRFトークンが設定されない

＜補足＞
GET通信ではCSRFトークンが設定されませんが、
POST通信を行うとCSRFトークンが設定されます。

そのため、参考サイトではGET通信→POST通信で403エラーが発生せずに通信ができていますが、
私の環境ではGET通信→POST通信（403エラー）→POST通信（200）となります。

該当のソースコード

import java.util.Arrays;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.web.SecurityFilterChain;
import org.springframework.security.web.csrf.CookieCsrfTokenRepository;
import org.springframework.security.web.csrf.CsrfTokenRequestAttributeHandler;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;

@Configuration
@EnableWebSecurity
public class SecurityConfig {
	@Bean
	public SecurityFilterChain filterChain(HttpSecurity http) throws Exception {
		
		http.cors(cors -> cors.configurationSource(corsConfigurationSource()));
		
		http.csrf((csrf) -> csrf
				.csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse())
				.csrfTokenRequestHandler(new CsrfTokenRequestAttributeHandler()));
		
		http.authorizeHttpRequests(authorize -> {
			authorize.requestMatchers("/**").permitAll();
		});
		
		return http.build();
	}

	//CORSの設定
	@Bean
	public CorsConfigurationSource corsConfigurationSource() {
		CorsConfiguration cors = new CorsConfiguration();
		cors.setAllowedOrigins(Arrays.asList("http://localhost:4200"));
		cors.setAllowedMethods(Arrays.asList("GET","POST","OPTIONS"));
		cors.setAllowedHeaders(Arrays.asList("*"));
	    cors.setAllowCredentials(true);
	    cors.addExposedHeader("X-AUTH-TOKEN");
	    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
	    source.registerCorsConfiguration("/**",cors);
	    return source;
	}
}

import org.springframework.security.core.Authentication;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class testController {
	
	@GetMapping("/get")
	public String doGet() {
	    System.out.println("GET");
	    Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
	    System.out.println(authentication);
		return "sample GET is done";
	}
	
	@PostMapping("/post")
	public String doPost() {
	    System.out.println("POST");
	    Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
	    System.out.println(authentication);
		return "sample POST is done";
	}
	
}

    <button id="get" (click)="doget()">GET</button>
    <button id="post" (click)="dopost()">POST</button>
    ...

import { Component } from '@angular/core';
import { DashboardService } from './dashboard.service'
import { HttpClientModule } from '@angular/common/http';

@Component({
  selector: 'app-dashboard',
  standalone: true,
  imports: [HttpClientModule],
  templateUrl: './dashboard.component.html',
  styleUrl: './dashboard.component.css'
})
export class DashboardComponent {
  message: string;

  constructor(private dashboardService: DashboardService,) {
    this.message = 'This is a sample of Angular application.';
  }

doget(){
  
  fetch('http://localhost:8080/get',
  {
      method:'GET',
      credentials: 'include'
  })
  .then(res => res.text())
  .then(str =>console.log(str))
}


dopost(){
  const csrfToken = document.cookie.replace(/(?:(?:^|.*;\s*)XSRF-TOKEN\s*\=\s*([^;]*).*$)|^.*$/, '$1');
  console.log(csrfToken);
  fetch('http://localhost:8080/post',{
      method:'POST',
      credentials: 'include',
      headers: {
          'X-XSRF-TOKEN' : csrfToken
        },
  })
  .then(res => res.text())
  .then(str => console.log(str))
}
}~~打ち消し線~~

補足情報（FW/ツールのバージョンなど）

spring-boot-starter-parent：3.2.4
Spring Security Version： 6.2.3
Eclipse IDE for Java Developers Version: 2023-12 (4.30.0)
Postman for Windows：10.24.7

Answer 1

GET通信でCSRFトークンを発行するには、トークンをメソッドの引数・戻り値に指定してやる必要があるようでした。

以下のサイトを参考にしました。
https://qiita.com/d-yosh/items/c76938057a634eed0d6f
・CSRF トークンを返却するエンドポイントを公開する

＜修正前＞

	@GetMapping("/get")
	public String doGet() {
		return "sample GET is done";
	}

＜修正後＞

	@GetMapping("/get")
	public CsrfToken doGet(CsrfToken token) {
		return token;
	}