在发出此请求时获取混合内容错误(即使是https)

Question

我正在通过使用reactjs构建一个小型电影搜索应用程序来练习fetch-api。

它在本地主机上运行良好，但是当我在netlify上部署它时，会出现这个错误。

混合内容:在'https://movie-search-abhi28069.herokuapp.com/‘处的页面是通过HTTPS加载的，但是请求一个不安全的资源'http://api.themoviedb.org/3/search/movie?api_key=####&query=prime'’。此请求已被阻止；内容必须通过HTTPS送达。

fetch(
        "https://api.themoviedb.org/3/search/movie/?api_key=####&query=" +
          term
      )
        .then((res) => res.json())
        .then((data) => setMovies(data.results))
        .catch((err) => console.log(err));

当加载组件以获得趋势电影时，我有另一个获取调用，它运行良好。不知道为什么我的搜索请求会自动转换为http。

Answer 1

根据https://www.themoviedb.org/talk/5dd34e7957d3780015dcfd99

使用尾斜杠，您的请求将被重定向到http。

删除尾随斜线将解决这个问题。

fetch(
    "https://api.themoviedb.org/3/search/movie?api_key=####&query=" +
      term
  )
    .then((res) => res.json())
    .then((data) => setMovies(data.results))
    .catch((err) => console.log(err));