0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

AWS 画像が表示されない

Posted at

#はじめに
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上ではそれらが区別できません。なので大文字・小文字を検知できるようにして下さい。

###ステップ1

//EC2にて自分のアプリをディレクトリに変更
cd /var/www/アプリ名

###ステップ2

 git config core.ignorecase false

###ステップ3
最後に確認で実行すると下記の様になると思います。本番環境で確認したら無事に画像が反映されました!

$ git config -l --local | grep core.ignorecase
core.ignorecase=false

#参考文献
Gitでファイル名の大文字・小文字の変更を検知するようにする

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?