0

0

Spring Security 6中单页应用(SPA)的CSRF令牌处理指南

碧海醫心

碧海醫心

发布时间:2025-09-30 14:40:02

|

619人浏览过

|

来源于php中文网

原创

Spring Security 6中单页应用(SPA)的CSRF令牌处理指南

本文详细阐述了在Spring Security 6环境下,单页应用(SPA)如何正确处理CSRF令牌以避免常见的“令牌比较失败”问题。针对Spring Security 6引入的BREACH攻击防护机制,我们指出客户端不应直接读取和设置XSRF-TOKEN cookie。相反,推荐的解决方案是后端提供一个专门的/csrf接口,供客户端获取处理后的CSRF令牌,并将其作为X-XSRF-TOKEN头发送,从而确保安全、高效地完成CSRF防护。

Spring Security 6中CSRF防护机制的演进

spring security 6引入了增强的csrf防护机制,特别是针对breach攻击(browser reconnaissance and exfiltration via adaptive compression of hypertext)进行了优化。这一改变影响了单页应用(spa)客户端与后端进行csrf令牌交互的方式。在之前的版本中,许多spa框架或自定义逻辑会直接从xsrf-token cookie中读取令牌,然后将其复制到请求头x-xsrf-token中。然而,在spring security 6中,这种做法可能导致csrf令牌验证失败,表现为xorcsrftokenrequestattributehandler::gettokenvalue方法返回null。

导致此问题的原因在于,Spring Security 6为了抵御BREACH攻击,对CSRF令牌的生成和验证过程进行了修改。它不再仅仅是一个简单的随机字符串,而是可能经过XOR加密处理,将实际的CSRF令牌与随机字节进行异或操作,然后进行Base64编码。因此,直接从cookie中获取的“原始”令牌与系统期望进行比较的“处理后”令牌不再匹配。

理解令牌比较失败的根源

当客户端尝试将从XSRF-TOKEN cookie中读取的原始值直接作为X-XSRF-TOKEN头发送时,Spring Security后端的XorCsrfTokenRequestAttributeHandler会尝试解码并解异或这个令牌。其核心逻辑getTokenValue方法会进行以下步骤:

  1. 对客户端发送的actualToken(即X-XSRF-TOKEN头的值)进行Base64解码。
  2. 将服务器内部维护的token(实际的CSRF令牌)进行UTF-8编码。
  3. 比较解码后的actualBytes长度与tokenBytes长度。如果actualBytes长度小于tokenBytes长度(例如,24
  4. 如果长度匹配,它会尝试将actualBytes分解为随机字节和XOR加密后的CSRF字节,然后进行异或还原操作,最终得到原始CSRF令牌。

如果客户端直接发送了未经过XOR处理的原始令牌,那么上述步骤中的长度检查就会失败,或者异或还原会得到错误的结果,最终导致令牌比较失败。

正确的CSRF令牌获取与使用策略

为了与Spring Security 6的CSRF防护机制兼容,单页应用应遵循以下策略:

1. 后端提供专门的CSRF令牌接口

客户端不应直接从cookie中获取令牌。相反,后端应该提供一个专用的RESTful接口,当客户端首次加载应用或需要刷新令牌时,通过GET请求访问该接口。此接口将返回一个包含CSRF令牌详细信息的JSON对象。

Spring Boot 后端示例代码:

import org.springframework.security.web.csrf.CsrfToken;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class CsrfController {

    /**
     * 提供一个接口供前端获取CSRF令牌信息。
     * Spring Security会自动将CsrfToken注入到方法参数中,
     * 并确保相应的原始令牌已通过cookie发送给客户端。
     *
     * @param csrfToken Spring Security自动注入的CSRF令牌对象
     * @return 包含令牌名称、值和头名称的CsrfToken对象
     */
    @GetMapping("/csrf")
    public CsrfToken csrfToken(CsrfToken csrfToken) {
        return csrfToken;
    }
}

当客户端访问/csrf接口时,例如,它会得到类似如下的响应:

InsCode
InsCode

InsCode 是CSDN旗下的一个无需安装的编程、协作和分享社区

下载
{
    "parameterName": "_csrf",
    "token": "pKpetTa2tv6yhmnko7ZvtaiP7CgX8cB5uBbR1G-ZR6NiKTpIkcltgALX0J-fslyGkJtbgpG_wRFxl_VUgCDm513_dMVUGQ15",
    "headerName": "X-XSRF-TOKEN"
}

同时,浏览器会自动接收并存储一个名为XSRF-TOKEN的HTTP Only cookie,其中包含原始的、未经过XOR处理的CSRF令牌。这个cookie由浏览器自动管理,客户端JavaScript无需直接访问。

2. 客户端获取并使用令牌

客户端(例如Svelte、React、Vue等SPA框架)在发送需要CSRF保护的请求(如POST、PUT、DELETE)之前,应首先向/csrf接口发起GET请求,获取上述JSON响应中的token值和headerName。

Svelte/JavaScript 客户端概念代码示例:

// 假设您正在使用fetch API
let csrfTokenValue = '';
let csrfHeaderName = 'X-XSRF-TOKEN'; // 默认值,但最好从后端响应获取

/**
 * 从后端获取CSRF令牌。
 * 通常在应用初始化时调用一次,或在令牌过期时刷新。
 */
async function fetchCsrfToken() {
    try {
        const response = await fetch('/csrf');
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        const data = await response.json();
        csrfTokenValue = data.token;
        csrfHeaderName = data.headerName; // 确保使用后端指定的头名称
        console.log('CSRF Token fetched:', csrfTokenValue);
    } catch (error) {
        console.error('Failed to fetch CSRF token:', error);
        // 处理错误,例如重定向到登录页或显示错误消息
    }
}

/**
 * 发送一个带有CSRF令牌的POST请求。
 * @param {string} url - 请求的URL
 * @param {object} data - 请求体数据
 */
async function sendPostRequest(url, data) {
    if (!csrfTokenValue) {
        // 如果令牌未获取,尝试获取或提示错误
        console.warn('CSRF Token is not available. Attempting to fetch...');
        await fetchCsrfToken();
        if (!csrfTokenValue) {
            console.error('CSRF Token still not available after fetch attempt. Cannot send request.');
            return;
        }
    }

    try {
        const headers = {
            'Content-Type': 'application/json',
            // 将从/csrf接口获取的令牌值设置到相应的请求头中
            [csrfHeaderName]: csrfTokenValue
        };

        const response = await fetch(url, {
            method: 'POST',
            headers: headers,
            body: JSON.stringify(data)
        });

        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }

        const responseData = await response.json();
        console.log('Request successful:', responseData);
        return responseData;
    } catch (error) {
        console.error('Error sending POST request:', error);
        // 处理请求错误
    }
}

// 示例用法:
// 在应用启动时获取令牌
fetchCsrfToken().then(() => {
    // 之后可以发送POST请求
    sendPostRequest('/api/some-resource', { name: 'example', value: 123 });
});

关键注意事项:

  • 浏览器自动处理Cookie: 客户端JavaScript代码不需要不应该尝试读取或操作XSRF-TOKEN cookie。浏览器会根据HTTP Only标志和同源策略自动处理这个cookie,并在每次请求时将其发送到服务器。
  • 获取令牌时机: 通常在应用启动时获取一次CSRF令牌。如果令牌有过期机制,可能需要在特定时间间隔或令牌验证失败时刷新。
  • HTTPS: 始终通过HTTPS传输数据,以防止中间人攻击和令牌泄露。
  • 安全性: 这种方法确保了CSRF令牌的生成和验证过程完全由Spring Security处理,客户端只负责获取并转发服务器提供的已处理令牌,从而有效抵御CSRF攻击和BREACH攻击。

总结

Spring Security 6在CSRF防护方面带来了重要的改进,特别是通过XorCsrfTokenRequestAttributeHandler增强了对BREACH攻击的防御。对于单页应用而言,这意味着传统的直接读取XSRF-TOKEN cookie并将其设置到请求头的方法不再适用。正确的做法是:后端暴露一个/csrf接口,返回包含编码后令牌的CsrfToken对象;客户端通过GET请求获取此令牌,并将其设置到后续POST、PUT、DELETE等请求的X-XSRF-TOKEN头中。遵循这一模式,可以确保您的Spring Boot应用在Spring Security 6环境下拥有健壮且符合最新安全标准的CSRF防护。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
spring框架介绍
spring框架介绍

本专题整合了spring框架相关内容,想了解更多详细内容,请阅读专题下面的文章。

115

2025.08.06

Java Spring Security 与认证授权
Java Spring Security 与认证授权

本专题系统讲解 Java Spring Security 框架在认证与授权中的应用,涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造(CSRF)防护、会话管理与安全漏洞防范。通过实际项目案例,帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制,提升 Web 应用的安全性与用户数据保护。

37

2026.01.26

spring boot框架优点
spring boot框架优点

spring boot框架的优点有简化配置、快速开发、内嵌服务器、微服务支持、自动化测试和生态系统支持。本专题为大家提供spring boot相关的文章、下载、课程内容,供大家免费下载体验。

135

2023.09.05

spring框架有哪些
spring框架有哪些

spring框架有Spring Core、Spring MVC、Spring Data、Spring Security、Spring AOP和Spring Boot。详细介绍:1、Spring Core,通过将对象的创建和依赖关系的管理交给容器来实现,从而降低了组件之间的耦合度;2、Spring MVC,提供基于模型-视图-控制器的架构,用于开发灵活和可扩展的Web应用程序等。

390

2023.10.12

Java Spring Boot开发
Java Spring Boot开发

本专题围绕 Java 主流开发框架 Spring Boot 展开,系统讲解依赖注入、配置管理、数据访问、RESTful API、微服务架构与安全认证等核心知识,并通过电商平台、博客系统与企业管理系统等项目实战,帮助学员掌握使用 Spring Boot 快速开发高效、稳定的企业级应用。

70

2025.08.19

Java Spring Boot 4更新教程_Java Spring Boot 4有哪些新特性
Java Spring Boot 4更新教程_Java Spring Boot 4有哪些新特性

Spring Boot 是一个基于 Spring 框架的 Java 开发框架,它通过 约定优于配置的原则,大幅简化了 Spring 应用的初始搭建、配置和开发过程,让开发者可以快速构建独立的、生产级别的 Spring 应用,无需繁琐的样板配置,通常集成嵌入式服务器(如 Tomcat),提供“开箱即用”的体验,是构建微服务和 Web 应用的流行工具。

35

2025.12.22

Java Spring Boot 微服务实战
Java Spring Boot 微服务实战

本专题深入讲解 Java Spring Boot 在微服务架构中的应用,内容涵盖服务注册与发现、REST API开发、配置中心、负载均衡、熔断与限流、日志与监控。通过实际项目案例(如电商订单系统),帮助开发者掌握 从单体应用迁移到高可用微服务系统的完整流程与实战能力。

180

2025.12.24

PHP API接口开发与RESTful实践
PHP API接口开发与RESTful实践

本专题聚焦 PHP在API接口开发中的应用,系统讲解 RESTful 架构设计原则、路由处理、请求参数解析、JSON数据返回、身份验证(Token/JWT)、跨域处理以及接口调试与异常处理。通过实战案例(如用户管理系统、商品信息接口服务),帮助开发者掌握 PHP构建高效、可维护的RESTful API服务能力。

163

2025.11.26

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

9

2026.01.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Vue 教程
Vue 教程

共42课时 | 7.4万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 1.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号