Angular 5 Смешанный заблокированный контент

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

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

ОШИБКА

ПРИМЕЧАНИЕ. Конечную точку 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?

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


xmlhttprequest angular heroku angular-httpclient angular5
person Rich Blumer    schedule 02.05.2018    source источник
comment
Попробуйте добавить это. ‹meta http-equiv=Content-Security-Policy content=default-src *›   -  person Lakshmi Prasanna    schedule 02.05.2018
comment
@LakshmiPrasanna спасибо за ответ. По вашему предложению я добавил следующее: ‹meta http-equiv=Content-Security-Policy content=default-src *; style-src 'self' 'unsafe-inline';› . К сожалению, это не сработало для меня. Любые другие идеи о том, как решить?   -  person Rich Blumer    schedule 02.05.2018

Ответы (1)


arrow_upward
0
arrow_downward

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

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

Я бы рекомендовал вам просто проксировать запрос через этот сервер Heroku. Не уверен, какой язык вы используете на сервере, но можете ли вы просто ПОЛУЧИТЬ /some-path, а затем запустить функцию по этому пути, которая выполняет HTTP-запрос? Я делал это раньше и нашел это очень полезным.

person Charlie Schliesser    schedule 02.05.2018