Как сделать HTTP-запросы с поддержкой CORS в Angular 2?

Question

Ошибка заключается в следующем:

XMLHttpRequest не может загрузить http://some_url.herokuapp.com/api/some_api/. В запрошенном ресурсе нет заголовка «Access-Control-Allow-Origin». Происхождение 'http://localhost:3000' поэтому не допускается. Ответ был HTTP код статуса 503.

при вызове

возвращение this._http.post (requestUrl, JSON.stringify (requestBody), requestOptions)

я имел проблемы с CORS (при работе с Angular 1) в прошлом, и я помню, что как только CORS были активированы на стороне сервера, мне пришлось преобразовать http-запрос для разбора определенных HTTP-заголовков.

Я довольно смущен о том, как он должен работать, поэтому любое объяснение очень приветствуется.

Answer 1

На самом деле, это не проблема Angular2, а проблема на стороне сервера. Запрошенный запрос OPTIONS должен вернуть заголовок Access-Control-Allow-Origin в свой ответ.

Отправка заголовка Origin в исходный запрос позволит поддержку CORS на стороне сервера. Этот заголовок автоматически добавляется браузером, когда он обнаруживает, что домен запроса не совпадает с доменом вызывающего.

Будьте осторожны при реализации запроса опциональных опций на серверной стороне с учетные данные не отправляются на этом уровне. Они отправляются только в целевой запрос. Кажется, это проблема, так как у вас есть ошибка 503. Вы пытаетесь проверить, если запрос OPTIONS проходит проверку подлинности, но это на самом деле не так ...

Смотрите эту статью для более подробной информации:

• http://restlet.com/blog/2015/12/15/understanding-and-using-cors/