Включить CORS в приложении React
Я настраиваю приложение React, которое извлекает данные из общедоступного API. Когда я тестирую API в Postman, он работает без проблем. Но если я использую fetch() в своем приложении React, я получаю ошибку CORS.
Насколько я понял, мой клиентский запрос должен быть разрешен на сервере с использованием заголовков. Но у меня нет сервера, на котором размещен API, поэтому я ничего не могу делать на сервере. API настроен для использования сторонними приложениями с использованием кода доступа, поэтому я немного смущен, почему ему не разрешено извлекать из API в React.
Какие у меня варианты?
что это за ошибка корса, чтобы мы могли установить правильные заголовки?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
если у вас нет доступа к серверу, вы можете его обойти
- CORS Anywhere: https://cors-anywhere.herokuapp.com/
- Все происхождение: http://allorigins.me/
- Любое происхождение: http://anyorigin.com/
CORS - это вопрос безопасности, в большинстве случаев лучше всего не пытаться разрешить клиенту делать вызовы куда угодно (старый клиентский CORS * * * hackaroonie).
Вместо этого настройте простой серверный ретранслятор, как предложил Толле выше посредника, в том же развертывании (то же происхождение).
Вот краткий пример того, как это сделать здесь.
Скорее всего, вам придется использовать свой собственный сервер в качестве посредника, чтобы браузер получал данные только из одного источника.