Reactjs 当我在GCP/Heroku/Netlify上托管时，react.js应用程序中没有提取数据

我正在尝试从OMDB中按标题获取一些电影数据。它在我的机器上运行得很好，但当我在GCP/Heroku/Netlify等提供商上托管它时，我的搜索不会返回任何内容。这是到GCP托管站点的链接：这是带有代码的repo：您可以在gif中看到，搜索应该以JSON返回一些项目，但失败了，出现错误消息：

Mixed Content: The page at 'https://joypaultheshoppies1234.web.app/' was loaded 
over HTTPS, but requested an insecure resource 'http://www.omdbapi.com/?s=T&apikey=[your_api_key]'. 
This request has been blocked; the content must be served over HTTPS.

您的浏览器正在阻止从获取，因为您正在从安全站点（

https

）向非安全端点（

http

）发出请求。它不会在您的本地计算机上失败，因为（我假设）您的本地运行站点不安全

解决方案： 将应用程序中的URL（协议）字符串从

http

更改为

https

。（

https

受该OMDB端点支持。）

例如：

混合内容
当用户访问通过HTTPS提供服务的页面时，他们的 与web服务器的连接使用TLS加密，因此 防止大多数嗅探者和中间人攻击。HTTPS 包含使用明文HTTP获取的内容的页面称为 混合内容页。像这样的页面只进行了部分加密， 使未加密的内容可供嗅探器和 中间人袭击者。这使得页面不安全