ローカル環境では表示された画像が本番環境では表示されない

Question

ローカル環境では表示された画像が本番環境では表示されないのですが、どのようにimageを指定したらいいのでしょうか？

ローカル環境では、

<img class="mx-auto rounded-circle" src="assets/t1.png">

のような形で表示されていました。app/assets/images/の中にt1.pngという画像があったためです。

herokuを使っているのですが、本番環境ではなぜ表示されないのでしょうか？
また、解決策を教えてください。

ちなみに、画像保存用にS３を使っています。

Answer 1

Railsの場合、本番環境ではアセットファイルの名前がハッシュ付きに変更されますので、そのままでは認識されません。image_tagを使えば、その差も吸収してくれます。

<%= image_tag 't1_png', class: 'mx-auto rounded-circle' %>

Comments

[renren643]

回答ありがとうございました！それは知らなかったです。参考にさせていただきました。