@Antoskin
React

Как в get запросе исправить No 'Access-Control-Allow-Origin'?

Учу реак по Стефану Гридеру, и столкнулся с проблемой. Когда делаю get запрос через axios то в консоле выдаёт ошибку,
Failed to load samples.openweathermap.org/data/2.5/forecast?appid...: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:3000' is therefore not allowed access.
xhr.js:178 XHR finished loading: GET "samples.openweathermap.org/data/2.5/forecast?appid...".

я так понимаю что это из за локалхоста..

Хотя должно вроде проходить без проблем. Может кто знает как пофиксить? Благодарю!
  • Вопрос задан
  • 1958 просмотров
Решения вопроса 1
@holymotion
Установите google chrome extensions: CORS https://chrome.google.com/webstore/detail/allow-co...

Включайте и делайте кросдоменные запросы, отлично подойдет в учебных целях
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Если сервер samples.openweathermap.org вам не принадлежит, то никак.
Это ограничение на кросс-доменные запросы (CORS). При AJAX-запросе к стороннему серверу браузер добавляет заголовок Origin в котором указывается домен страницы (в вашем случае - localhost:3000). В ответ сервер, к которому делается запрос должен вернуть заголовок Access-Control-Allow-Origin с указанием вашего домена или *. Если такой заголовок не пришёл, браузер блокирует AJAX-запрос.
Обойти это ограничение можно только транслируя запрос через свой сервер, то есть ваша страница посылает запрос к вашему же серверу, бэкенд вашего сервера запрашивает данные с samples.openweathermap.org и ретранслирует ответ.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
29 мар. 2024, в 11:11
10000 руб./за проект
29 мар. 2024, в 10:00
10000 руб./за проект
29 мар. 2024, в 09:59
750 руб./в час