Ошибки CORS на REACTJ + SlimPhP

У меня возникли проблемы с Api в PHP, все тесты на почтальоне прошли, но когда я пытаюсь интегрировать его с моим ReactJS api, ТОЛЬКО на маршруте POST для входа в систему, он отправляет мне ошибку CORS

Запрос на перекрестное происхождение заблокирован: та же политика происхождения запрещает чтение удаленного ресурса по адресу http://127.0.0.1/select_api/v1/login. (Причина: запрос CORS не выполнен).

ПО промежуточного слоя CORS (PHP): https://gist.github.com/marciowelben/af29ee7b28cb52f7bc2a5f5672e9b18d

Реагент: https://gist.github.com/marciowelben/eab681f23102ee353d6e4b16b835265b

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
0
230
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Решение

При реализации сервера, даже с использованием промежуточного программного обеспечения, мне нужно установить ОПЦИИ для разрешенных методов.

Я использовал промежуточное ПО Tuupola

https://github.com/tuupola/cors-middleware

И установить

$app->add(new Tuupola\Middleware\CorsMiddleware([
"origin" => ["*"],
"methods" => ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTION"],
"headers.allow" => [],
"headers.expose" => [],
"credentials" => false,
"cache" => 0,

]));

Другие вопросы по теме