Как установить CSRF-токен в nextjs для django

Нуждающийся новичок. Я создаю приложение, которое принимает изображение на nextjs и отправляет его на django backend. В настоящее время я застрял на этой ошибке

WARNING:django.security.csrf:Forbidden (CSRF cookie не установлен.)

Проблема в том, что я не уверен, как установить cookies в заголовке запроса. Особенно я запутался в том, где это делать - на nextjs frontend или nextjs backend.

У меня есть файл page.tsx (/src/app/capture/page.tsx), загруженный на /capture маршруте. (pastebin: https://pastebin.com/cceX0CEV )

Когда картинка загружена, она отправляется в nextjs route /api/capture route ( /src/app/api/capture/route.ts). (pastebin: https://pastebin.com/8M5ezzA2 ) Вы можете видеть, что здесь у меня уже есть функциональность для получения CSRF-куки из django, и я пытаюсь добавить ее в заголовок запроса, но это не работает. Теперь файл отправляется на бэкенд django: localhost:8000

Вот соответствующая функция бэкенда django в моем файле views.py (pastebin: https://pastebin.com/PPj9NR3k ) и соответствующие настройки в моем файле settings.py (pastebin: https://pastebin.com/UVyMQvYR )

Я наткнулся на это, но это мало что изменило (вы можете увидеть его части в моем route.ts)

Пожалуйста, любая помощь здесь будет оценена по достоинству. Как установить cookie в заголовке?

(предыдущая итерация этого вопроса здесь. надеемся, что с большей информацией удастся добиться большего)

Вернуться на верх