Spring Security 6.2.1 + Vue.js 3 (axios) : Недействительный CSRF токен в POST запросе (код 403)

Я создаю одностраничное приложение с Spring и Vue, но не могу заставить работать защиту от CSRF. Я следовал тому, что предлагает эта тема, но токен CSRF не обнаруживается ни с одним из имен (_csrf, X-XSRF-TOKEN, X-XSRF, X-CSRF-TOKEN) в моем POST-запросе, хотя заголовок SET-COOKIES с токеном есть в ответе.

Вот моя конфигурация безопасности:

@Configuration
@EnableWebSecurity
@EnableMethodSecurity(securedEnabled = true)
public class SecurityConfig {

    @Bean
    public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {

        http
                .csrf((csrf) -> csrf
                        .csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse())
                        .csrfTokenRequestHandler(new SpaCsrfTokenRequestHandler())
                )
                .addFilterAfter(new CsrfCookieFilter(), BasicAuthenticationFilter.class);
        return http.build();
    }
}

final class SpaCsrfTokenRequestHandler extends CsrfTokenRequestAttributeHandler {
    private final CsrfTokenRequestHandler delegate = new XorCsrfTokenRequestAttributeHandler();

    @Override
    public void handle(HttpServletRequest request, HttpServletResponse response, Supplier csrfToken) {
        /*
         * Всегда используйте XorCsrfTokenRequestAttributeHandler для обеспечения защиты от BREACH
         * CsrfToken, когда он отображается в теле ответа.
         */
        this.delegate.handle(request, response, csrfToken);
    }

    @Override
    public String resolveCsrfTokenValue(HttpServletRequest request, CsrfToken csrfToken) {
        /*
         * Если запрос содержит заголовок запроса, используйте CsrfTokenRequestAttributeHandler
         * для разрешения CsrfToken. Это применяется, когда одностраничное приложение включает
         * значение заголовка автоматически, которое было получено через cookie, содержащий
         * необработанный CsrfToken.
         */
        if (StringUtils.hasText(request.getHeader(csrfToken.getHeaderName()))) {
            return super.resolveCsrfTokenValue(request, csrfToken);
        }
        /*
         * Во всех остальных случаях (например, если запрос содержит параметр запроса) используйте
         * XorCsrfTokenRequestAttributeHandler для разрешения CsrfToken. Это применяется
         * когда серверная форма включает параметр запроса _csrf как скрытый ввод.
         */
        return this.delegate.resolveCsrfTokenValue(request, csrfToken);
    }
}

final class CsrfCookieFilter extends OncePerRequestFilter {
    private static final Logger logger = LoggerFactory.getLogger(CsrfCookieFilter.class);

    @Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain)
            throws ServletException, IOException {
        CsrfToken csrfToken = (CsrfToken) request.getAttribute("X-CSRF-TOKEN");
        // Отобразите значение токена в cookie, заставив отложенный токен быть загруженным
        csrfToken.getToken();

        filterChain.doFilter(request, response);
    }
}

И вот запрос, который я отправляю на сервер.

export async function validateObservationsId(producer_id: string, dataset_id: string, document_ids: string[]): Boolean[] {
    const url = `${myBaseUrl}/download/observation/${producer_id}/${dataset_id}/exists`;
    // Получить токен CSRF из cookie
    const csrfToken = document.cookie
        .split('; ')
        .find(row => row.startsWith('XSRF-TOKEN='))
        ?.split('=')[1];
    console.log("CSRF Token: ", csrfToken);
    try {
        let response = await axios.post(
            url,
            document_ids,
            {
            headers: { 'X-CSRF-TOKEN': csrfToken }
        }
        );
        return response.data;
    } catch (error) {
        console.error('Ошибка при валидации идентификаторов наблюдений', error);
        return [];
    }
}

Согласно тому, что я знаю, Axios должен сам добавлять токен в запрос, но я пробовал как с ним, так и без, и ни один вариант не работает.