useEffect(() => {
    axios.get('https://******/check_auth.php', {
      withCredentials: true,  // Dodaje cookie do zapytania
    })
      .then((response) => {
        console.log(response.data);      
      })
      .catch((error) => {
        console.error('Błąd sprawdzania autoryzacji:', error);
      });
  }, []);

Na serwerze ustawiam CORS:

<?php
header("Access-Control-Allow-Origin: http://localhost:3000");
header("Access-Control-Allow-Credentials: true");

session_set_cookie_params([
    'lifetime' => 0,
    'path' => '/',
    'domain' => '**********',
    'secure' => true,
    'httponly' => true,
    'samesite' => 'None'
]);

session_start();

print_r($_SESSION);
$_SESSION['test'] = "asfasfasfasfsfa";

Jeśli zrobię 2-3 odświeżenia strony, to oczekuję, że przy drugim odświeżeniu powinna wyświetlić się sesja z kluczem test, ale cały czas otrzymuję pustą tablicę.

W konsoli w zakładce cookies otrzymuję ostrzeżenie o różnych domenach

Ale na backendzie ustawiłem 'samesite' => 'None', czego mu jeszcze brakuje?

Może jest jakaś instrukcja, jak testować aplikację React na localhost, aby CORS nie zgłaszał błędów? Bo kiedy wdrażasz na serwer, to wszystko działa poprawnie, bo jest na tej samej domenie.

Próbowałem ustawić proxy w package.json

  "proxy": "https://********",

ale wtedy npm start się nie uruchamia

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options.allowedHosts[0] should be a non-empty string.

Oferty 4 Dyskusje 9

Yurii Zhulinsky

8 0

Budżet: 700 UAH Termin: 1 dzień

Witaj, gotów pomóc Ci rozwiązać Twój problem, zgłaszaj się!

W liście nie są widoczne oferty ukryte przez zleceniodawcę lub freelancerów z profilem Plus, a także oferty, które naruszają regulamin

Andrii Kirichenko 2 wrzesnia 2024

Спробуй погратись з mode на fetch api
mode: "cors", // no-cors, *cors, same-origin

Bogdan Drozd 2 wrzesnia 2024

print_r($_SESSION);Потрібно замінити на echo json_encode($_SESSION);
і добавити в заголовки * замість localhost:3000

Bogdan Drozd 2 wrzesnia 2024

І якщо домен доданий в проксі лист, то не потрібно сам домен використовувати в запиті

Bogdan Drozd 2 wrzesnia 2024

axios.get('/check_auth.php', {
      withCredentials: true,  // Додає cookie до запиту
    })

Bogdan Drozd 2 wrzesnia 2024

І старт сесії перенести вище встановлення данних

Bogdan Drozd 2 wrzesnia 2024

Але щоб краще працювало то вам на беці пхп я б рекомендував прибрати розширення файлів з адресної строки. Тоді більш коректніше будуть працювати запити

Danil Kolisnyk 2 wrzesnia 2024

header("Access-Control-Allow-Origin: http://localhost:3000"); ->

header("Access-Control-Allow-Origin: *");

Roman Nalivayko

2 wrzesnia 2024

В документації написано що * не може використовуватися разом з
header("Access-Control-Allow-Credentials: true");

Bogdan Drozd 2 wrzesnia 2024

Надайте ваш код в приватні повідомлення. Я вам реалізую це питання

Dodaj komentarz

Roman Nalivayko
Kijów, Ukraina

Zleceń 23
Ocena 4.9
Ranking 562

Potrzebna pomoc w rozwiązaniu problemu CORS w React.js

Opinia zleceniodawcy o współpracy z freelancerem

Potrzebna pomoc w rozwiązaniu problemu CORS w React.js

5.0

Roman Nalivayko

Opinia freelancera o współpracy z Roman Nalivayko

Potrzebna pomoc w rozwiązaniu problemu CORS w React.js

5.0

Yurii Zhulinsky

Aktualnie brak ofert

Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript

Automatyzacja tworzenia pionowych filmów jednego typu, wtyczką w After Effects.

Wdrożenie nowego projektu na stronie Next.js: strona główna, responsywność i unifikacja stron

Dopracowanie pipeline'u cenowego Node.js/TypeScript: PostgreSQL, Python, tryb cieniowy

Drobne poprawki strony (Opencart Wersja 1.5.5.1.2)

Opracowanie skryptu Tampermonkey do automatyzacji odpowiedzi w wewnętrznej CRM za pośrednictwem API OpenAI