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

您的API位于http之后，因此您无法从https（客户端）应用程序调用http api，这违反了https安全策略。.app和api都应使用同一协议

更新：将网址更改为如下所示

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

Answer 2

使用https！

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