javascript - I can't show the results of search in my movies library app doing by reactjs

Question

I try to build a movies library with react js I take the data from an API, and add Search component when I type a text in the search bar I have an error, no results appeared! and there is an error in the console!

 isAxiosError.js:10 Mixed Content: The page at 'https://react- 
 japox3.stackblitz.io/' was loaded over 
HTTPS, but requested an insecure XMLHttpRequest endpoint 
'http://www.omdbapi.com/? 
 i=tt3896198&apikey=b0cdc816&s=g'. This request has been blocked; the content 
must be served over 
HTTPS.

isAxiosError.js:10 Uncaught (in promise) Error: Network Error
at e.exports (isAxiosError.js:10)
at XMLHttpRequest.l.onerror (isAxiosError.js:10)

can you help me to solve it?

this is the code and you can try it https://stackblitz.com/edit/react-japox3?file=src%2FApp.js

Answer 1

等待大神答复