APIを使用したHTTPSへのAjaxリクエストの問題

Question

私はHerokuを通じて最初のReactアプリケーションをデプロイしようとしています。ローカル環境で実行しているとき、それは完全に正常に動作しますが、私が展開するときには、エラーのある作品DBのAPIへのリクエストを完了できません：

The page at 'https://boiling-escarpment-83243.herokuapp.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.themoviedb.org/3/genre/list?api_key='. This content should also be served over HTTPS. 

と再び

{"status_code":7,"status_message":"Invalid API key: You must be granted a valid key."} 

、があったがローカルのAPIキーに問題はありません。もともとbase_uriは、http URLへのポイントを使用していますが、httpsに更新しました（httpsルートをテストしたところ、サポートされているようです：https://api.themoviedb.org/3/movie/550）。 https://boiling-escarpment-83243.herokuapp.com/

Answer 1

愚かな質問：リクエストURLをhttps://api.themoviedb.org/3/movie/550に更新しましたか？要求がまだhttp://api.themoviedb.org/3/movie/550のように見えます。