🧱 Суть

React получает данные с Laravel через HTTP-запросы.

📦 Проблема

Браузер может блокировать запросы между доменами.

✅ Решение

Поддерживать корректные правила подключения.

💻 Код

Пример запроса

useEffect(() => {
  fetch('http://localhost:8000/api/ping')
    .then(res => res.json())
    .then(data => console.log(data));
}, []);

CORS

Если ошибка:

Access-Control-Allow-Origin

значит сервер не разрешил доступ.

Решение (упрощённое)

В Laravel:

'allowed_origins' => ['*'],

или настройка через config/cors.php.

🎯 Вывод

  • React всегда ходит в API через HTTP
  • CORS – защита браузера, а не ошибка кода
  • /api/ping – базовая проверка связки

🔗 Связано