React app doesn't get API results after deploying to Heroku

Question

I did basic movie database type app with React and then deployed it to Heroku. App contains input field and it returns results after pressing Enter, and this works just fine locally. My problem is when I deployed my app to Heroku nothing happens anymore when I hit Enter and trying to search something. I belive app works correctly but for some reason it doest't get data from API when app is deployed to Heroku. Any ideas what causing this problem and how to fix this?

Source code

Live demo

biscuit765 · Accepted Answer · 2021-03-17 09:52:34Z

1

Mixed Content: The page at 'https://reactmoviedb.herokuapp.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://www.omdbapi.com/?apikey=bf410ecf&s=dfvdf'. This request has been blocked; the content must be served over HTTPS.

The error your are getting

ReactJS API Data Fetching CORS error

edited Mar 17, 2021 at 9:52

answered Mar 17, 2021 at 9:36

biscuit765

921 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arttu Over a year ago

So if I change 'http' to 'https' it should fix the problem right?

Collectives™ on Stack Overflow

React app doesn't get API results after deploying to Heroku

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related