Я использую 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.
https
http