2
1

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.

EC2にデプロイしたロゴ画像が表示されない

Posted at

件のポートフォリオを作成後、herokuにてデプロイし次にAWSへのデプロイに挑戦しました。
その際にapp/assets/images下にあるロゴ画像が表示されなかった時の対処の話です。(下記参照)
スクリーンショット 2021-09-03 19.00.50.png

目次

  1. herokuでも起きていた現象
  2. AWSでは、原因が異なる
  3. 今回の解決策

herokuでも起きていた現象

AWSでは、原因が異なる

読み込みミスした記述.
 <%= link_to root_path, class: "navbar-brand" do %>
    <img class="logo"src="/assets/images/ロゴ.png">
 <% end %>

本番環境では、画像もコンパイルされ、画像ファイル名が変わりディレクトリも変わってしまいます!

  • assets_pathが有効らしいと判明

解決策

  • Railsガイドを参照し,assets_pathの使い方を見る。
  • iimage_tagassets_pathで組める。
    完成コードは以下
.erb
 <%= link_to root_path do %>
   <%= image_tag asset_path('ファイル名.png') %>
 <% end %>

これでlocalproductionも無事表示されました。

2
1
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
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?