API呼び出しがghページで機能しない理由

Question

気象アプリケーションの作成が終了し、ローカルホストで実行中eveythingが正常に動作していますが、ghページで公開した後、API呼び出しが完了した後でエラーが返されます

https://jake-j.github.io/weatherAPP/

誰かが私はそれを修正することができます：、ここにリンクがありますか？

Answer 1

https（secured http）でアプリケーションをホストし、http（非セキュアhttp）でAPIを呼び出しています。

セキュリティ保護されたhttpsサイトの非セキュアhttpのリソースを呼び出すことはできません。 Mixed Contentエラーが発生し、リソースのロードがブロックされます。

たとえば、Chrome Developer Toolsのネットワークタブで、F12のショートカットでデバッグできます。

使用しようとしているAPIはhttpsで利用できるため、API呼び出しをhttp：//からhttps：//

に変更するだけで、この問題を解決できます