Нужна помощь в решении проблемы CORS на React.js
Есть простое приложение на реакте, которое обращается к внешнему апи
useEffect(() => {
axios.get('https://******/check_auth.php', {
withCredentials: true, // Добавляет cookie к запросу
})
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error('Ошибка проверки авторизации:', 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
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 5 дней назад ∙ 113 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 5 дней 6 часов назад ∙ 21 ставка |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 7 дней 5 часов назад ∙ 19 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 7 дней 23 часа назад ∙ 97 ставок |
Консультация и аудит текущего проекта на Odoo 19 Community EditionИщем Odoo разработчика — соло-разработчика с опытом разработки на Odoo 19 Community Edition, в том числе с использованием Claude Code. Нам нужен специалист, который успешно реализовал проекты в Odoo и имеет практический опыт разработки с использованием Claude Code. Важно:… C и C++, Javascript и Typescript ∙ 8 дней 4 часа назад ∙ 8 ставок |