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

Posted 2023-03-04

【中文标题】React 应用在部署到 Heroku 后没有得到 API 结果

【英文标题】：React app doesn't get API results after deploying to Heroku

【发布时间】：2021-06-14 14:57:27

【问题描述】：

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

Source code

Live demo

【参考方案1】：

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

您遇到的错误

ReactJS API Data Fetching CORS error

【讨论】：

所以如果我将 'http' 更改为 'https' 应该可以解决问题吧？