Примечание: это временное исправление, поэтому вы можете обойти эту ошибку и работать с API на ЛОКАЛЬНОМ компьютере!
Вы когда-нибудь проводили много времени, следуя строгим рекомендациям компании, прежде чем использовать их API? Вы чувствуете себя несколько успешным, потому что вам каким-то образом удалось придерживаться их политики. Взволнованный, вы открываете свой любимый редактор, вставляете в свою ссылку API, обычно с каким-то токеном, открываете браузер Chrome, заглядываете в инструмент разработчика, чтобы посмотреть, что в журнале консоли, а затем видите это смертельное сообщение об ошибке:
XMLHttpRequest не может загрузить «https://api….blahblahblha/?access_token=28398798nkjdnfkjnf. В запрошенном ресурсе отсутствует заголовок Access-Control-Allow-Origin. Следовательно, доступ к источнику http://localhost:3000 запрещен».
С точки зрения непрофессионала, главным образом потому, что это единственный способ, которым я могу это объяснить, означает, что вы не находитесь в том же домене, что и домен, из которого вы запрашиваете информацию. Хотя кажется, что есть несколько способов решить эту проблему, некоторые из них сложнее, чем другие, я нашел более простой способ — добавить расширение Chrome «Allow-Control-Allow-Origin: *». Вот прямая ссылка:
Этот плагин в основном сообщает браузеру Chrome, что можно использовать ресурсы другого сервера и отображать их на вашем.
Я надеюсь, что это руководство будет полезно для тех, кто только начинает, или для тех, кто имеет некоторый опыт, но забыл, как исправить довольно незначительную проблему.