Развертывание приложения React

Question

Я хочу, чтобы мое приложение было запущено в производство, поэтому я создал папку для сборки, и когда я следую инструкциям в Реагирует на документацию по развертыванию Я сталкиваюсь с проблемой

Доступ кXMLHttpRequest в «http://www.website.fr/api/login' от источника» http://localhost:5000' был заблокирован политикой CORS: Ответ на запрос предварительной проверки не проходит проверку контроля доступа: отсутствует заголовок «Access-Control-Allow-Origin»на запрошенном ресурсе.

Когда я в dev, он работает нормально, а API работает нормально.Для информации, ссылку на мой API я сделал в package.json вроде

"proxy": "http://www.website.fr"

Answer 1

Это не проблема развертывания - когда вы развертываете свое приложение (я полагаю на http://www.website.fr), пользователь не получит ошибку CORS, потому что это не будет запрос кросс-источника.

Это проблема разработки, и для использования в процессе разработки ее можно решить, отключив проверку CORS в вашем браузере (есть параметры командной строки для Chrome, а также есть плагин CORS Everywhere для Firefox, среди других решений).Или вы можете попросить бэкэндов (временно) включить CORS, если это жизнеспособное решение.

Answer 2

В режиме разработки вы можете установить расширение Chrome: https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en

Answer 3

я думаю, что вы должны установить Cors Lib для вашего бэкэнда