Cookie не устанавливается в заголовке запроса при отправке запроса из React
Мой бэкенд выполнен на Django, а фронтенд - на React. Я установил заголовок CROS и добавил настройки следующим образом. Настройки Django
Для отправки запроса я использую fetch и установил credentials: 'include'.
Я использую аутентификацию на основе сессии, поэтому при входе в систему запускается сессия пользователя. Затем из родительского компонента (из useEffect) я отправляю запрос на backend для получения Jobs. В этом случае все работает нормально. Ниже приведен заголовок этого конкретного запроса. В нем COOKIE
когда я отправляю запрос из дочернего компонента react, COOKIE не присутствует в заголовке. Ниже приведен заголовок этого конкретного запроса.
Я не могу понять, почему это происходит, Еще одно различие в обоих заголовках запроса - это значение HTTP_SEC_FETCH_SITE в заголовке запроса.
В первом запросе значение HTTP_SEC_FETCH_SITE равно same-site, тогда как во втором запросе HTTP_SEC_FETCH_SITE равно cross-site. Даже если запрос отправляется через http://localhost:3000 в обоих случаях, почему значение HTTP_SEC_FETCH_SITE отличается.
значение HTTP_SEC_FETCH_SITE было разным для этих двух запросов, потому что baseurl для первого запроса был установлен в http://localhost:8000/, а для второго запроса он был равен
http://127.0.0.1:8000/.
Событие, хотя оба сервера являются локальными и находятся на одном порту, не знаю, почему это происходит.
Я изменил оба baseurl на http://localhost:8000/ и все заработало. Cookie был установлен в обоих запросах.