RoR CSSでbackground-imageが反映されない

Question

railsのCSSでhtmlのdiv要素にclassをつけて、そのclassに対して

.center-image{
background-image:url('/images/rimage/haikei.jpeg');
background-size: cover;
}

上記のように記載するも　ChromeのコンソールではGET http://localhost:3000/images/rimage/haikei.jpeg 404 (Not Found)
と出てしまい、表示ができません。

画像はimages配下にrimageというフォルダを作り格納しています。

背景画像を表示するにはどうしたら良いでしょうか。

background-image:image-url('/images/rimage/haikei.jpeg');
など、ググって出てきたものを小一時間ほど試してみましたができませんでした。

不躾で申し訳ありませんがよろしくお願いします。

下記　localhost:3000/rails.rootにて確認できたものです

Comments

[winterboum]

そのfileは Rails.rootから見たときにどこにありますか？それによって書き方が変わります

[退会済みユーザー]

localhost:3000/rails.root で見てみるということですか？

[winterboum]

いえ、
そのfileが実際にどこに save されているか、を教えてほしいのです
OS の dir 名で。

[退会済みユーザー]

Mac OS で　ユーザー　＞　自分の名前のフォルダ　に作成しました。

[winterboum]

そういうのでははっきりしません。
dir名でお願いします。
Gemfileのあるdirとの関係が重要なので、/ か、自分の名前のフォルダ からの pathで書いてください

[退会済みユーザー]

/Users/自分の名前/naturePup（railsで作成したアプリの名前）/app/views/rayouts/application.html.erbになります。

gemfileなどはappと同ディレクトリにあります。

[退会済みユーザー]

画像は/Users/自分の名前/naturePup（railsで作成したアプリの名前）/app/assets/images

に格納しています。

Answer 1

app/assets に置いた場合は、直接呼ぶことは出来ませんなんとか。
css のfile名に .erb をつけ（なんとか.css.erb)
background-image: url(<%= asset_path('rimage/haikei.jpeg')%>);
としてください

Comments

[退会済みユーザー]

ありがとうございます！教えていただいた通りに〜css.erbを作成し、記載したらできました！理解が遅く申し訳ありませんでした！本当にありがとうございます！助かりました！