Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type application/json Как решить?

Question

[Дмитрий]

Доброго времени суток.
Столкнулся с проблемой при отправке запроса на API Вконтакте. Искал решение проблемы, но так и не нашел.
Понял что нельзя отправлять с одного домена запрос на другой просто так, но как это решить не понял.
Использовал 2 способа подключения.
Способ номер 1:

<script type="text/javascript">
            var script = document.createElement('SCRIPT');
            script.src = "https://api.vk.com/method/board.getComments?&group_id=54767201&topic_id=38534787&access_token=bb33ea88418164920d56079a8d50bacef683fcc323327336b3deb89a4ce77267cfaa0e792acb8dcbe15d1&v=5.131";
            document.getElementsByTagName("head")[0].appendChild(script);

            function callbackFunc(result) {
                console.log(result.response);
            }
            console.log(response);
        </script>

Как раз этот отдает ошибку Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type application/json
И способ второй:

<script type="text/javascript">
            let xhr = new XMLHttpRequest();
            xhr.open('GET', 'https://api.vk.com/method/board.getComments?&group_id=54767201&topic_id=38534787&access_token=bb33ea88418164920d56079a8d50bacef683fcc323327336b3deb89a4ce77267cfaa0e792acb8dcbe15d1&v=5.131', true);
            xhr.onload = function() {
                if (xhr.status === 200) {
                    let data = JSON.parse(xhr.responseText);
                    console.log(data);
                } else {
                    alert(xhr.status);
                }
            };
            xhr.send();
            console.log(1)
        </script>

Тут получаю ошибку такую:
Access to XMLHttpRequest at MY-API from origin 'MY-SITE' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Answer 1

[Надим]

Нужно проксировать запрос через свой сервер (сайт). На чем у вас сайт работает? На PHP?

Comments

[Дмитрий]

Да, на PHP. Я его увы не знаю совсем.
Можно немного подробнее?

[Надим]

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

Например, создаете в корне сайта файл load.php:

<?php

header('Content-Type: application/json; charset=UTF-8');

echo file_get_contents('https://api.vk.com/method/board.getComments?&group_id=54767201&topic_id=38534787&access_token=bb33ea88418164920d56079a8d50bacef683fcc323327336b3deb89a4ce77267cfaa0e792acb8dcbe15d1&v=5.131');

Код выше делает запрос на указанный адрес и выводит результат.

Далее, уже из браузера делаете запрос к этому php файлу, чтобы получить этот самый результат:

(async function() {
    result = await (await fetch('/load.php')).json();
    console.log('Ответ сервера:');
    console.dir(result);
})();