Angular 5 Mixed Blocked Content - PullRequest
Новая
       15

Angular 5 Mixed Blocked Content

0 голосов
/ 02 мая 2018

Я развернул приложение Angular 5 на Heroku (сайт HTTPS) , которое извлекает данные json (конечная точка HTTP-запроса) от третьей стороны.

Я получаю следующую заблокированную ошибку:

ERROR

ПРИМЕЧАНИЕ. Конечная точка HTTP-запроса не может быть изменена на HTTPS.

Это мой вызов к конечной точке запроса: 

constructor(private http: HttpClient) { }

private httpOptions = {
headers: new HttpHeaders({
  'Access-Control-Allow-Origin': '*',
  'Access-Control-Allow-Headers':  'Content-Type',
  'Access-Control-Allow-Methods': 'GET, OPTIONS',
  'Content-Type':  'application/json'
})


};
  this.http.get<Skater[]>(this.skaterServiceUrl, this.httpOptions);

Как сделать запрос с HTTPS сайта на конечную точку запроса HTTP ?

Вся помощь будет принята с благодарностью. Спасибо за ваше время.

1 Ответ

0 голосов
/ 02 мая 2018

Не думаю, что вы найдете удобный способ подачи смешанного контента широкому кругу пользователей / браузеров. Я думаю, что img s и другие теги будут отображаться, но вызовы xmlHttpRequest не будут.

Раньше в Chrome был значок щита, на котором можно было щелкнуть, чтобы отобразить смешанное содержимое - см. Как получить в Chrome разрешение на смешанное содержимое? . Там также есть ответы на вопрос о настройке Chrome для отображения смешанного контента, но этого не стоит ожидать от каждого пользователя.

Я бы порекомендовал вам просто прокси запрос через этот сервер Heroku. Не уверен, на каком языке вы работаете на сервере, но вы можете просто получить GET /some-path и затем запустить функцию по этому пути, которая выполняет HTTP-запрос? Я делал это раньше и нашел это очень полезным.

...