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;

API请求已被阻止，内容必须通过HTTPS提供

2 个答案: