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

Question

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

在localhost上运行正常但是当我将它部署在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));

当加载组件以获取热门电影时，我有另一个fetch调用它工作得很好。不知道为什么我的搜索请求转换为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));