Ошибка CORS при вызове API для приложения React/DRF на Heroku

У меня есть мой react front end и мой django rest api как два отдельных приложения на heroku. У меня возникла следующая ошибка:

enter image description here

Параметры запроса, которые я использую для запроса fetch на фронтенде:

const credentials = btoa(`${data.get('username')}:${data.get('password')}`);
const requestOptionsSignIn = {
    method: "POST",
    credentials: 'include',
    headers: {
        'Accept': 'application/json, text/plain',
        'Content-Type': 'application/json',
        "Authorization": `Basic ${credentials}`
    },
    body: JSON.stringify({})

}

И мои настройки Django/django-cors-headers: 

CORS_ORIGIN_ALLOW_ALL = False
CORS_ALLOW_CREDENTIALS = True
CORS_ALLOWED_ORIGINS = ['https://_____frontend.herokuapp.com']
CORS_ALLOW_HEADERS = ("x-requested-with", "content-type", "accept", "origin", "authorization", "x-csrftoken")

Я пробовал играть с настройками, но не могу заставить его работать.

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