Запрос API заблокирован и контент должен обслуживаться по HTTPS

Question

Я создал угловое приложение, используя вызов API. Я развернул его на страницах GitHub. Затем при каждом вызове API я получаю это сообщение об ошибке.

getList(input) {

  const url = '/api.themoviedb.org/3/search/movie/?api_key=b6dba21fefcead3510c8ddf58eb57d43&query=' + input;
  return this.httpClient.get<RootResult>(url);
}

В консоли разработчика я получаю эту ошибку:

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

Я использую относительный путь в моем API, но он всегда добавляет http вместо https

Вот мой пример страницы на github: https://githamza.github.io/ngxs-app-example

Answer 1

Используйте https!

const url = 'https://api.themoviedb.org/3/search/movie/?api_key=b6dba21fefcead3510c8ddf58eb57d43&query=' + input;

Answer 2

Ваш API находится за http, поэтому вы не можете вызвать http api из вашего приложения https (клиент), это нарушает политику безопасности https .. и приложение, и API должны быть в одном протоколе

Обновление: Измените URL на лайк, следующий за

const url = 'https://api.themoviedb.org/3/search/movie/?api_key=b6dba21fefcead3510c8ddf58eb57d43&query=' + input;