如何将 POST 数据中的 CSRF 令牌传递给 Django？答案

【问题标题】：How to pass CSRF token in POST data to Django?如何将 POST 数据中的 CSRF 令牌传递给 Django？
【发布时间】：2021-01-04 11:40:27
【问题描述】：

我正在开发一个带有 Django 后端和 Next.js 前端的应用程序。我正在尝试使用 fetch API 将数据从前端发布到后端。 我在将 POST 数据中的有效 CSRF 令牌传递给 Django 时遇到问题。

我正在尝试通过在我的 POST 请求中包含一个 X-CSRFToken 标头并使用 Django 的 documentation 上推荐的 JavaScript Cookie Library 来获取其值。

这是我的获取请求：

import Cookies from 'js-cookie';

// POST data
fetch('http://127.0.0.1:8000/dictionary/define', {     
  method: 'POST',     
  headers: {'X-CSRFToken': Cookies.get('csrftoken')},     
  body: JSON.stringify(data)})    
.then(response => response.json())   
.then(data => console.log(data))
.catch(error => console.log(error));

我从 Django 得到的错误当然是说 CSRF cookie 没有设置：

禁止（未设置 CSRF cookie。）：/...

谁能告诉我这里缺少什么？

【问题讨论】：

你看过这个（对于 Django 后端）-stackoverflow.com/questions/17716624/django-csrf-cookie-not-set

标签： django fetch csrf django-csrf js-cookie

【解决方案1】：

我通过在我的请求中包含凭据解决了这个问题：

import Cookies from 'js-cookie';

// POST data
fetch('http://127.0.0.1:8000/dictionary/define', {     
  method: 'POST',
  credentials: 'include',     
  headers: {'X-CSRFToken': Cookies.get('csrftoken')},     
  body: JSON.stringify(data)})    
.then(response => response.json())   
.then(data => console.log(data))
.catch(error => console.log(error));

【讨论】：