CORS. При отправке запроса выходит ошибка, как ее пофиксить?

Question

[FilatovNikita]

Добрый день ! Уже битый час мучаюсь с этой проблемой, я использую laravel в связке со vue и axios и хочу отправить запрос на сторонний домен, который должен просто вернуть json с товарами, в app.js я внес эти строки

Vue.prototype.$http = Axios.create({
    baseURL: 'http://js.dmitrylavrik.ru/api/',
    crossDomain:true,
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    }
});

Затем в своем компоненте

this.$http.get('/products.php')
                .then(function (response) {
                    console.log(response.data);
                }).catch(e => {
                console.log(e);
            });

И выходит ошибка

Failed to load http://js.nikita-filatov.ru/api/products.php: Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response

.
Буду рад если подскажете что не так

Comments

[JhaoDa]

Знаете, что такое CORS? А ещё было бы очень неплохо оформить код в вопросе.

Answer 1

[Alex Wells]

Вот так:

Comments

[Alex Wells]

JhaoDa, я скинул пример, а не решение. Нужды у каждого разные.

Могу скинуть кодом, если тс нужно.