Примечание: это временное исправление, поэтому вы можете обойти эту ошибку и работать с API на ЛОКАЛЬНОМ компьютере!

Вы когда-нибудь проводили много времени, следуя строгим рекомендациям компании, прежде чем использовать их API? Вы чувствуете себя несколько успешным, потому что вам каким-то образом удалось придерживаться их политики. Взволнованный, вы открываете свой любимый редактор, вставляете в свою ссылку API, обычно с каким-то токеном, открываете браузер Chrome, заглядываете в инструмент разработчика, чтобы посмотреть, что в журнале консоли, а затем видите это смертельное сообщение об ошибке:

XMLHttpRequest не может загрузить «https://api….blahblahblha/?access_token=28398798nkjdnfkjnf. В запрошенном ресурсе отсутствует заголовок Access-Control-Allow-Origin. Следовательно, доступ к источнику http://localhost:3000 запрещен».

С точки зрения непрофессионала, главным образом потому, что это единственный способ, которым я могу это объяснить, означает, что вы не находитесь в том же домене, что и домен, из которого вы запрашиваете информацию. Хотя кажется, что есть несколько способов решить эту проблему, некоторые из них сложнее, чем другие, я нашел более простой способ — добавить расширение Chrome «Allow-Control-Allow-Origin: *». Вот прямая ссылка:



Этот плагин в основном сообщает браузеру Chrome, что можно использовать ресурсы другого сервера и отображать их на вашем.

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