时间戳

首页 > 解决方案 > 如何将 POST 数据中的 CSRF 令牌传递给 Django？

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

问题描述

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

我试图通过在我的 POST 请求中包含一个 X-CSRFToken 标头并使用Django文档中推荐的JavaScript Cookie 库来获取它的值来做到这一点。

这是我的获取请求：

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。）：/...

谁能告诉我我在这里想念什么？

标签： djangofetchcsrfdjango-csrfjs-cookie

解决方案

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

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));

推荐阅读