Как настроить кросс-доменные запросы в Laravel + JS?

Question

[Эмиль Рахматуллин]

Есть виджет, который встраивается на сайт foo.ru, и делает запрос к своему серверу на bar.com:"

function getDataWidget(config) {
    let xhr = new XMLHttpRequest()
    xhr.open('GET', `https://bar.com/widget/${config.key}`)
    xhr.responseType = 'json'

    xhr.onreadystatechange = function() { 
        if (xhr.readyState !== 4) return; 
        if (xhr.status === 200)
        {
            return initWidget(config, xhr.response)
        }
        else
        {
            console.log('HTTP error', xhr.status, xhr.statusText);
        }
    };

    xhr.send()
}

чтобы вывести данные с этого сервера на сайт foo.ru.
Получаю обычную ошибку:

Access to XMLHttpRequest at 'https://bar.com/widget/b1Mz3t9XVXefDGyk' from origin 'https://foo.ru' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

HTTP error 0

На других сайтах пишут непонятно. Объясните, пожалуйста, как сделать так, чтобы виджет мог получать данные со своего сервера для сайта, к которому он подключается?

Comments

[Эмиль Рахматуллин]

Написал, вроде, корректно))

[Aleksey]

Эмиль Рахматуллин, откройте файл config/cors.php и настройте как нужно. В Laravel это из коробки сейчас работает.

[Эмиль Рахматуллин]

Aleksey, респект и уважение тебе)) Напиши ответ как решение, я отмечу

[JhaoDa]

Эмиль Рахматуллин, говоришь, документацию читаешь?