CSRF-куки не установлены в react native axios

Я пытаюсь сделать свое первое приложение на react native и django rest framework.
Я создал простой сервер на основе учебника со страницей входа по умолчанию.
Я пытаюсь сделать POST к этой странице входа, но получаю ошибку: Forbidden (CSRF cookie not set.): /api-auth/login/
Мой POST выглядит так:

    const sendLoginCredencials = (data) => {
        axios.defaults.headers.common['X-CSRF-TOKEN'] = data.csrf_token;

        axios.post('http://127.0.0.1:8000/api-auth/login/',
        {
            username: 'username',
            password: 'passwd',
        },
        )
        .then((response) => {
            console.log(response)
        })
        .catch(error => {
            console.error('error', error);
        });
    }

В файле Settings.py есть следующие строки:

from corsheaders.defaults import default_headers
CORS_ALLOW_HEADERS = list(default_headers) + [
    'X-CSRF-TOKEN',
]

CORS_ALLOW_ALL_ORIGINS = True
CORS_ALLOW_CREDENTIALS = True
CSRF_COOKIE_SECURE = True

CSRF_COOKIE_NAME = "csrftoken"
CSRF_HEADER_NAME = 'X-CSRF-TOKEN'

Я проверил множество ответов и комбинаций. Ни один из них не сработал, и я признаю, что чувствую себя растерянным. Может ли кто-нибудь подсказать мне, как правильно установить заголовок и что именно я должен установить в settings.py? С наилучшими пожеланиями!

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