【Ruby on Rails】デプロイ後、本番環境で画像が表示されない不具合を解消する方法

対象者

• ローカル環境で表示される画像が本番環境で表示されない方

目的

• 本番環境でも問題なく画像を表示させる

実際の手順と実例

1.前提

ruby 2.5.1
rails 5.2.5
AWS

• app/assets/imagesの中に画像が保存されている
• 自動デプロイできている状態

2. 結論

変更前

<img src="assets/search.png" alt="#">

↓↓↓

変更後

<%= image_tag asset_path("search.png", alt: "") %>

これで実装完了です！

3.原因

本番環境では、画像もコンパイルされることが原因のようです。

※コンパイルとは、ソースコードを機械語に翻訳する作業のこと

本番環境ではパス名と画像の名前が変わっちゃうので
両方に対応できるasset_path()を使い、解決できました！

参照

【ちゃんと理解してる？】コンパイル、ビルド、デプロイの違い

投稿者コメント

開発環境で表示されていたのに本番環境で反映されていないと血の気が引きますよね。。。笑
上記変えるだけで簡単に解決できます！

My Profile

プログラミング学習歴３ヶ月目のアカウントです！
プログラミングスクールで学んだ内容や自分が躓いた箇所等のアウトプットの為に発信しています。
また、プログラミング初学者の方にわかりやすく、簡潔にまとめて情報共有できればと考えています。
もし、投稿した記事の中に誤り等ございましたら、コメント欄でご教授いただけると幸いです。