1

我正在开发一个带有 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。）：/...

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

4

1 回答 1

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));
于 2020-10-09T09:38:05.453 回答