はじめに
AWSをなんとかデプロイをできましたが画像が反映されないというエラーが発生しました。ローカル環境では反映されるが本番環境では反映されないというエラーが今後発生する可能性があるので備忘録として投稿致します。
状況
ローカル環境では画像は反映されるが本番環境では反映されないエラー
エラー内容
本番環境にて検証ツールを確認したところ下記のエラーが出ていました。
Failed to load resource: the server responded with a status of 404 (Not Found)
画像の拡張子を確認
vscodeにて画像フォルダを確認して拡張子を確認しました。下記の様になっていました。
image.php
//階層 css /images /写真ファイル
sample.JPG
エラー解消
画像の拡張子を小文字に変更
image.php
//階層 css /images /写真ファイル
sample.jpg
Gitでファイル名の大文字・小文字の変更を検知するようにする
ローカル環境では大文字、小文字の判断はできます。しかし、EC2上ではそれらが区別できません。なので大文字・小文字を検知できるようにして下さい。
ステップ１
//EC2にて自分のアプリをディレクトリに変更
cd /var/www/アプリ名
ステップ2
git config core.ignorecase false
ステップ3
最後に確認で実行すると下記の様になると思います。本番環境で確認したら無事に画像が反映されました!
$ git config -l --local | grep core.ignorecase
core.ignorecase=false