3
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.

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

Posted at

#対象者

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

#目的

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

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

3
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
3
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?