Как убрать ошибку No 'Access-Control-Allow-Origin' header is present on the requested resource?

Question

[Pavel Zhukau]

Добрый день. Столкнулся с проблемой. Есть api на laravel, пытаюсь получить данные через angular, на что в ответ получаю:

XMLHttpRequest cannot load http://backend/api No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://frontend' is therefore not allowed access.

Могу перевести с локалки на рабочие сервера, под backend и frontend будут разные сервера в одной подсети. В продакшене нужно чтобы backend мог отдавать информацию только моему фронтенду, а в процессе разработки всем. Заранее благодарен за ответ. Видел про crocs, но пытался прикрутить в laravel на return response->json($data)->header() и в header'е передавать заголовки crocs, но все безуспешно.

Answer 1

[Вячеслав]

К ответу от сервера нужно добавить заголовок Access-Control-Allow-Origin:'*' - разрешить для любых адресов кроссдоменные запросы, или Access-Control-Allow-Origin: 'http://домен-клиента' - для избранных.

Comments

[Pavel Zhukau]

Написал в вопросе, я вот так вот возвращаю
return response()->json($json)->header('Access-Control-Allow-Headers', 'Content-Type')
->header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, JSONP')
->header('Access-Control-Allow-Origin', '*');

[Вячеслав]

NikesDark: Лучше задать origin явно, с доверенного домена.

[Вячеслав]

NikesDark: В Вашем случае Access-Control-Allow-Origin', 'frontend' - ну и по аналогии в "боевых" условиях.

[Вячеслав]

Посмотрите в отладчике заголовки запроса и ответа.

[Pavel Zhukau]

Вячеслав: спасибо, теперь сделал, а как сделать чтобы не устанавливать header для каждого response, а для всех?

[Вячеслав]

NikesDark: Заголовок Access-Controll-Allow-Origin, можно указать в настройках хоста используемого веб-сервера. Если это необходимо делать программно, то это уже вопрос по Laravel, простите, не силен в данном фреймворке.

[Pavel Zhukau]

Вячеслав: спасибо за помощь