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",
    });

Куки в браузере: The cookie in the browser.

В запрос к бэкенду Django браузером не включены куки: No cookie included in the request to the Django backend by the browser.

Еще одна особенность заключается в том, что cookie 'sessionid' включается в запросы, выполняемые React, автоматически, как можно видеть здесь: Another peculiar thing is that the 'sessionid' is included in the requests made by React automatically.

Более того, я реализовал CORS-middleware в Django. Я абсолютно уверен, что проблема не связана с CORS.

Я попробовал выполнить запрос с помощью axios и установить 'withCredentials: true'. Но это ничего не меняет. Более того, я перепробовал множество возможных решений из интернета (большинство людей предлагают добавить опцию ' credentials: "include" ' опция является решением), но ничего не помогло.

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