useEffect(() => {
    axios.get('https://******/check_auth.php', {
      withCredentials: true,  // Додає cookie до запиту
    })
      .then((response) => {
        console.log(response.data);      
      })
      .catch((error) => {
        console.error('Error checking auth:', error);
      });
  }, []);

на сервері я прописую 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";

Якщо зробити 2-3 оновлення сторінки то очікую що на друге оновлення має вивестись сесія з ключем тест, але весь час отримую пустий масив.

В консолі у вкладці кукі отримую попередження про різні домени

Але ж на бекенді я вказав 'samesite' => 'None', що йому ще не вистачає?

Може є якась інструкція як тестувати реакт додаток на локалхості щоб CORS не сварився? Бо коли вивантажуєш на сервер то все ок працює бо воно на одному домені.

Пробував прописати в package.json проксі

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

але тоді npm start не запускається

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.

Ставки 4 Обговорення 9

Юрій Жулінський

8 0

Проєкти 10
Оцінка 5.0
Рейтинг 2 284

Бюджет: 700 UAH Термін: 1 день

Вітаю, готовий допомогти вам вирішити вашу проблему, звертайтесь !

У списку не показані ставки, приховані замовником чи фрилансером з Plus, а також ставки, що порушують правила

Андрій Кириченко 2 вересня 2024

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

Богдан Дрозд 2 вересня 2024

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

Богдан Дрозд 2 вересня 2024

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

Богдан Дрозд 2 вересня 2024

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

Богдан Дрозд 2 вересня 2024

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

Богдан Дрозд 2 вересня 2024

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

Даніл Колісник 2 вересня 2024

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

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

Роман Наливайко

2 вересня 2024

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

Богдан Дрозд 2 вересня 2024

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

Додати коментар

Роман Наливайко
Київ, Україна

Проєктів 23
Оцінка 4.9
Рейтинг 562

Потрібна допомога у вирішенні проблеми CORS на React.js

Відгук замовника про співпрацю з фрилансером

Потрібна допомога у вирішенні проблеми CORS на React.js

5.0

Роман Наливайко

Відгук фрилансера про співпрацю з Романом Наливайком

Потрібна допомога у вирішенні проблеми CORS на React.js

5.0

Юрій Жулінський

Ставки поки відсутні

Актуальні фриланс-проєкти в категорії Javascript та Typescript

Автоматизація створення вертикальних відео одного типу, плагіном в After Effects.

Впровадження нового дизайну в Next.js-сайт: головна, адаптивна та уніфікація сторінок

Доопрацювання Node.js/TypeScript price pipeline: PostgreSQL, Python, Shadow Mode

Маленькі доопрацювання сайту (Opencart Версія 1.5.5.1.2)

Розробка Tampermonkey-скрипта для автоматизації відповідей у внутрішній CRM через API OpenAI