reactjs - React 应用在部署到 Heroku 后没有得到 API 结果

Question

我用 React 做了基本的电影数据库类型应用程序，然后将它部署到 Heroku。应用程序包含输入字段，并在按 Enter 后返回结果，这在本地工作得很好。我的问题是当我将我的应用程序部署到 Heroku 时，当我按 Enter 并尝试搜索某些内容时，什么也没有发生。我相信应用程序可以正常工作，但由于某种原因，当应用程序部署到 Heroku 时，它不会从 API 获取数据。任何想法是什么导致了这个问题以及如何解决这个问题？

源代码

现场演示

标签： reactjsheroku

Answer 1

混合内容：“https://reactmoviedb.herokuapp.com/”页面通过 HTTPS 加载，但请求了不安全的 XMLHttpRequest 端点“http://www.omdbapi.com/?apikey=bf410ecf&s=dfvdf”。此请求已被阻止；内容必须通过 HTTPS 提供。

你得到的错误

ReactJS API 数据获取 CORS 错误