Как работать с политикой CORS: нет проблемы Access-Control-Allow-Origin

Question

для белого цвета. Я работаю с проблемой api, но всегда сталкиваюсь с этой проблемой и не могу найти никакого решения. Вот мой запрос ajax

$(document).ready(function() {

   var url = 'https://www.xeno-canto.org/api/2/recordings?query=bearded+bellbird';
            $.ajax({
                url: url,
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                type: "GET",

                dataType: "json",
                data: {},
                success: function(result) {
                    console.log(result);
                },
                error: function() {
                    console.log("error");
                }
            });

        });

, но в консоли chrome этот результат отображается

Доступ к XMLHttpRequest в 'https://www.xeno-canto.org/api/2/recordings?query=Greater+Scaup' from origin ' https://www.birdpx.com 'заблокировано политикой CORS: на запрошенном ресурсе отсутствует заголовок' Access-Control-Allow-Origin '.

Есть ли у вас какие-либо предложения?

Answer 1

Единственный способ обойти это - использовать прокси. Прокси-сервер может получать содержимое вне браузера и доставлять его вашему клиенту. Это распространенная проблема, и существует множество вариантов, например:

https://github.com/Shivam010/bypass-cors