JavaScript Fetch API неохотно включает файлы cookie в свои запросы
Моя программа включает в себя Django backend и React frontend, которые взаимодействуют друг с другом. Если я вхожу в систему через соответствующую конечную точку бэкенда django, куки "sessionid" корректно устанавливаются в браузере. (Во вкладке приложения в Chrome я вижу куки "sessionid"). Пока все хорошо. Однако, когда я отправляю запрос с этим куки с фронтенда на бэкенд, я вижу во вкладке сетей, что куки не отправляются вместе с запросом. В опции 'credentials' моих запросов на выборку установлено значение 'include'. Кроме того, React работает на 'localhost:3000', а Django на 'localhost:8000' (поэтому не должно быть никаких проблем с кросс-оригинальными запросами).
Мой запрос на выборку:
fetch("http://127.0.0.1:8000/user", {
method: "GET",
credentials: "include",
});
В запрос к бэкенду Django браузером не включены куки:
Еще одна особенность заключается в том, что cookie 'sessionid' включается в запросы, выполняемые React, автоматически, как можно видеть здесь:
Более того, я реализовал CORS-middleware в Django. Я абсолютно уверен, что проблема не связана с CORS.
Я попробовал выполнить запрос с помощью axios и установить 'withCredentials: true'. Но это ничего не меняет. Более того, я перепробовал множество возможных решений из интернета (большинство людей предлагают добавить опцию ' credentials: "include" ' опция является решением), но ничего не помогло.