Потрібна допомога у вирішенні проблеми CORS на React.js
Є простий додаток на реакті, який звертається до зовнішнього апі
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.
Відгук замовника про співпрацю з фрилансером
Потрібна допомога у вирішенні проблеми CORS на React.jsЯкісно виконана робота. Рекомендую.
Відгук фрилансера про співпрацю з Романом Наливайком
Потрібна допомога у вирішенні проблеми CORS на React.jsДуже приємно було працювати. Рекомендую!!!!
![]()
-
2380 8 0 Вітаю, готовий допомогти вам вирішити вашу проблему, звертайтесь !
-
Спробуй погратись з mode на fetch api
mode: "cors", // no-cors, *cors, same-origin -
header("Access-Control-Allow-Origin: http://localhost:3000"); ->header("Access-Control-Allow-Origin: *"); -
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 20 годин 22 хвилини тому ∙ 55 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 1 день 21 година тому ∙ 26 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 3 дні 12 годин тому ∙ 32 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
257 282 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 8 днів 18 годин тому ∙ 119 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 9 днів тому ∙ 21 ставка |