Вызов метода JSONP для API, работающего на локальном, но не на развертывании - PullRequest
0 голосов
/ 08 мая 2018

Я использую TheMovieDB Api , который использует JSON метод

В своем сервисе я использую модуль JSONP.

getList(input) {
  const url = 'https://api.themoviedb.org/3/search/movie/?api_key=b6dba21fefcead0c857d43&callback=JSONP_CALLBACK&query=' + input;
  return this.jsonp.request(url, { method: 'Get' });
}

В компоненте я подписываюсь на него и он работает

this.sharedService.getList(message)
.subscribe(data => {
  console.log(data['_body'])
  this.dataResult = <FilmCard[]>data['_body']['results'];
});

В локальных данных извлекается с сервера API. но при развертывании его на страницах github я получаю эту ошибку

Mixed Content: The page at 'https://githamza.github.io/ngxs-app-example/home' was loaded over HTTPS, but requested an insecure script 'http://api.themoviedb.org/3/search/movie?api_key=b6dba21fefcdf58eb57d43&callback=__ng_jsonp__.__req2.finished&query=cal'. This request has been blocked; the content must be served over HTTPS.

Однако в своем URL я использую https, а не http.

...