質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.52%

  • HTML

    8944questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Ruby

    7645questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Ruby on Rails

    7246questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Rails 本番(production)環境でpublic内の画像が表示されない

受付中

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 518

lyzmfeqpxs54

score 139

いつもお世話になっております。

development環境を以下のようにproduction環境にしたのですが、画像が表示されない状態です。画像はpublic/xxxx内のabc.pngであり、以下コードでdevelopment環境では表示されていました。

bundle exec rake assets:precompile

vim config/environments/production.rb
のconfig.assets.compile = falseをtrueに

その後
bundle exec rake assets:precompile RAILS_ENV=production

確認すべき点などをご教示いただけますと幸いです。
よろしくお願いいたします。

show.html.erb
 <div class="xxx">
   <%= image_tag("/xxxx/abc.png")%>
 </div>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+1

pathをasset_path(xxx) で作成するといいと思います。
compileしているのでdigestがついて、パスが変わってるんですね。

詳しくは
https://qiita.com/wadako111/items/03bc00d914e62243a511

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/01/25 16:18

    ご回答ありがとうございます。app/assets/images/の中にabc.pngを入れ、
    <%= image_tag("abc.png")%>
    や、ご教示いただいた
    <img src="<%= asset_path "line.png" %>" />
    とすることで画像を表示することはできました。しかし、development環境では画像ファイルをpublic内に配置しており、html.erbファイルも複数あるため、画像の場所を変更するのが簡単ではない状況です。可能であればパスを変えなくて済むようpublic内のまま進めたいのです。
    別の方法をご存じあればご教示いただけますと幸いです。
    よろしくお願いいたします。

    キャンセル

  • 2018/01/25 19:37

    railsの問題じゃないかもしれないですね。productiion環境でのpublic以下のファイル構成はどのようになっていますか?もしかするとcapistranoなどでデプロイしている場合、対象ファイルが削除されているかもしれません。

    キャンセル

  • 2018/01/25 20:48

    ご回答ありがとうございますpublic内にはuploadsフォルダが有り、その直下に画像などが入っている状態です。capistranoなどは使用しておりません。アセットのプリコンパイル、production DBの作成、SECRET_KEY_BASEの設定を行い「rails server --environment production」で起動した状態です。development環境として「rails server」で起動した際には正しく表示されています。
    本番環境にするために他に必要なことがあるという感じでしょうか。
    初歩的な質問で申し訳ございませんが、ご教示いただけると幸いです。

    キャンセル

  • 2018/01/26 11:20

    そうですか。ちなみに実行環境はローカル開発環境ですか?それとも、AWSやherokuなどのサーバー上にデプロイして利用していますかね?もし、ローカル開発環境の場合であれば、config/environments/production.rbで config.serve_static_assets = trueにして試してみてもらえますか?ただし、AWSやherokuなどのサーバー上で実行したいときにはこの設定は要注意です(サーバーに対してかける負荷の問題で)。もし不安であればまた聞いてください。

    キャンセル

0

assetsのimagesに入れてみてはいかがでしょうか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/01/25 16:13

    ご回答ありがとうございます。app/assets/images/の中にabc.pngを入れ、<%= image_tag("abc.png")%>とすることで画像を表示することはできました。しかし、development環境では画像ファイルをpublic内に配置しており、html.erbファイルも複数あるため、画像の場所を変更するのが簡単ではない状況です。可能であればパスを変えなくて済むようpublic内のまま進めたいのです。
    別の方法をご存じあればご教示いただけますと幸いです。
    よろしくお願いいたします。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • HTML

    8944questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Ruby

    7645questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Ruby on Rails

    7246questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。