讲师中心 微信公众号
AI工具推荐 视频效率加速

如何解决Python Django与React前端交互时的跨域Cookie问题?

轻静同学_6202

轻静同学_6202

发布时间:2026-08-25 10:03:23

|

386人浏览过

|

来源于php中文网

原创

必须同时设置 SESSION_COOKIE_SAMESITE 和 CSRF_COOKIE_SAMESITE 为 'None',且两者均需配对 SECURE=True,否则浏览器底层拦截 Cookie;根本原因是 Django 默认 SESSION_COOKIE_SAMESITE='Lax' 导致跨域不携带 sessionid,CSRF_COOKIE_SAMESITE 非 'None' 则 csrftoken 不下发,配合 CORS_ALLOW_CREDENTIALS=True、中间件顺序正确及前端 withCredentials=true 才能生效。

如何解决python django与react前端交互时的跨域cookie问题?

必须同时设置 SESSION_COOKIE_SAMESITE 和 CSRF_COOKIE_SAMESITE 为 'None',且两者都得配对 SECURE=True,否则浏览器直接拒绝写入或发送 Cookie——这不是前端没发、也不是后端没设,是浏览器在底层就拦截了。

为什么登录后 request.user 总是 AnonymousUser

根本原因是 Django 默认的 SESSION_COOKIE_SAMESITE = 'Lax',跨域请求下浏览器不携带 sessionid Cookie。即使响应头里有 Set-Cookie,DevTools 的 Application → Cookies 标签页也看不到它,Network 面板里 Request Headers 更不会出现 Cookie 字段。

  • SESSION_COOKIE_SAMESITE 必须显式设为字符串 'None'(不是 Python 的 None)
  • SESSION_COOKIE_SECURE 必须为 True(生产环境强制 HTTPS;开发环境用 HTTP 时可临时设 False,但此时 SAMESITE 得回退到 'Lax')
  • SESSION_COOKIE_HTTPONLY = False(仅当你需要前端 JS 读取 sessionid 时才开,比如登出逻辑)
  • SESSION_COOKIE_PATH = '/'(确保覆盖所有 API 路径)

为什么 Axios 请求始终报 CSRF cookie not set

Django 的 CsrfViewMiddleware 自动管理 csrftoken Cookie,它不认你视图里手动调用的 response.set_cookie(..., samesite='None')。真正起作用的是全局配置 CSRF_COOKIE_SAMESITE。

  • CSRF_COOKIE_SAMESITE = 'None' 是硬性要求,缺它就永远收不到 csrftoken
  • CSRF_COOKIE_SECURE = True 必须同步开启——SameSite=None 在非 HTTPS 下会被现代浏览器静默丢弃
  • CSRF_COOKIE_HTTPONLY = False(因为前端需通过 document.cookie 或 getCookie() 提取 token,塞进 X-CSRFToken 请求头)
  • 搭配 @ensure_csrf_cookie 装饰器用于首次获取 token 的接口(如 /api/user/),否则可能首次请求就失败

CORS 配置里最容易漏掉的三个点

django-cors-headers 不是装上就完事,中间件顺序和凭证配置错一个,Cookie 就全废。

React Component Auditor
React Component Auditor

审计 React 组件的性能、可访问性、Hook 正确性、属性设计和重渲染优化——识别 memo 优化点和状态管理方案

下载

立即学习“Python免费学习笔记(深入)”;

  • CORS_ALLOW_CREDENTIALS = True 必须设,且不能和通配符 CORS_ALLOW_ALL_ORIGINS = True 共存(浏览器会直接拒收 Cookie)
  • CORS_ALLOWED_ORIGINS 必须写全协议+域名+端口(如 ['https://your-react-app.com', 'http://localhost:3000']),CORS_ORIGIN_WHITELIST 已弃用
  • CorsMiddleware 必须放在 SessionMiddleware 和 CsrfViewMiddleware 之前——顺序错了,中间件根本拿不到 Cookie

前端 Axios 必须加 withCredentials 且清缓存验证

光后端配对没用,前端不主动声明“我要带 Cookie”,浏览器连发都不发。

  • axios.defaults.withCredentials = true(全局设)或单个请求加 { withCredentials: true }
  • 发 POST/PUT/DELETE 前,必须从 document.cookie 或响应头里拿到 csrftoken,并作为 X-CSRFToken 头发出
  • 改完配置后必须硬重载:Ctrl+Shift+R(Win/Linux)或 Cmd+Shift+R(macOS),否则旧 Cookie 和缓存策略还在生效
  • 验证是否生效:看 Network → 任一请求的 Response Headers 是否含 Set-Cookie: csrftoken=... 和 Set-Cookie: sessionid=...,再看下一请求的 Request Headers 是否有 Cookie 字段

最常被忽略的是 CSRF_TRUSTED_ORIGINS(Django 4.0+ 必填),它和 CORS_ALLOWED_ORIGINS 不是一回事:前者用于校验 Referer,后者控制 Access-Control-Allow-Origin,漏掉它会导致 CSRF 校验直接 403。

热门AI工具

更多
PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2523

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

5483

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6490

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

6118

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

863

2024.05.22

python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

1751

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

4564

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1729

2023.07.31

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

60

2026.10.16

热门下载

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

精品课程

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

共58课时 | 12.2万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn