安全なページから安全でない通信をした
Mixed Content: The page at 'https://example.com' was loaded over HTTPS, but requested an insecure resource 'http://api.example.com'.
ひとことで言うと
「https の安全なページから、http（安全でない）のアドレスにデータを取りに行ったので止めました」という意味です。
よくある原因
- APIや画像のアドレスが
http://のまま - 開発中の
http://localhostのアドレスが、公開したコードに残っている
自分で確かめること
- コードの中で
http://から始まるアドレスを探す
たいていは、こうすると直ります
アドレスを https:// に直します。localhost のアドレスは、環境変数で切り替えるようにします。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 Mixed Content: The page at 'https://example.com' was loaded over HTTPS, but requested an insecure resource 'http://api.example.com'. 【やったこと】 （ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した） 【参考】 このエラーは「安全なページから安全でない通信をした」というもので、よくある原因は次のとおりです。 ・APIや画像のアドレスが `http://` のまま ・開発中の `http://localhost` のアドレスが、公開したコードに残っている どれに当てはまるかを確かめる方法も教えてください。