Блог

Всякий раз, когда я пытаюсь вызвать API openweathermap, это появляется:

Доступ для получения по адресу ‘https://openweathermap.org/data/2.5/weather?lat=23.887871999999998amp;lon=90.25945600000001amp;appid=9b7d97d1f8bec5e916a02f35a15d7272″ от источника «null» заблокирован политикой CORS: на запрошенном ресурсе отсутствует заголовок «Управление доступом-Разрешить-источник». Если непрозрачный ответ удовлетворяет вашим потребностям, установите режим запроса на «без cors», чтобы получить ресурс с отключенным CORS

Я совершенно новичок в API, и я также использовал демо-версию CORS anywhere, но это больше не работает с января 2021 года. Поэтому, какие другие альтернативы я могу использовать для решения этой проблемы. Я просто хочу протестировать свое приложение о погоде. Но эта политика CORS и все остальное мне совершенно чужды.

Это и есть код:

     window.addEventListener('load', function() {
    let apiKey = "<api-key>";
    let lat;
    let long;
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition((position) => {
            lat = position.coords.latitude;
            long = position.coords.longitude;
            const proxy = 'https://cors-anywhere.herokuapp.com/corsdemo';
            const api = `${proxy}https://openweathermap.org/data/2.5/weather?lat=${lat}amp;lon=${long}amp;appid=${apiKey}`
            //console.log(api);
            fetch(api)
                .then((response) => {
                    return response.json();
                })
                .then((data) => {
                    console.log(data);
                });
        });   
    } else {
        alert('This app requires your GPS location turn on');
    }

});
 

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