本番環境(heroku) 背景画像が表示されない

Question

前提・実現したいこと

テスト環境から本番環境にあげました。
テスト環境は問題なく表示されています。
/app/assets/images 画像はこのフォルダーに配置しています。
一部の画像は、表示されているので記述ミスかと思っていますが、記述方法が見つけられませんでした。

発生している問題・エラーメッセージ

検証の下に表示されているエラー文
botanical.png:1 Failed to load resource: the server responded with a status of 404 (Not Found)

該当のソースコード

app/assets/stylesheets/application.scssファイル

  body {
    background-image: url(botanical.png);
    background-size: cover;
  }

app/views/posts/index.html.erbファイル

<main class="main">
  <div class="inner">
    <div class="card__wrapper">
      <%= render partial: "post", collection: @posts %>
    </div>
      <div class="main-image">
    </div>
  </div>
</main>

試したこと

検証からbodyのクラスを見つけ、CSSで装飾を加えました
app/views/posts/index.html.erbファイルのように、bodyクラスは記述されていません。

CSSとHTML、railsを初めたばかりの初学者です。
アドバイスを宜しくお願いします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

１．config/environments/production.rb
config.assets.compile = false から
config.assets.compile = true　に変更　（falseをtrueに）

参考記事：https://qiita.com/___xxx_/items/fa15f358beba2b9389da

２．background-image: url(◯◯.png);を(カッコの中）のファイル名を””で囲う
background-image: image-url("◯◯.png");

◯◯はファイル名

参考ページ(2.2あたり）:https://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

その後は、herokuにpushして下さい。

Comments

[jnchito]

`config.assets.compile = true` の設定変更はなるべくやらない方が良いです。
詳しい話は以下の記事に書いたので、こちらをご覧ください。

[【2022年版】HerokuでRailsの画像が表示されないときの適切な対処法（と間違った対処法） - Qiita](https://qiita.com/jnchito/items/3d225112a3ac95379b1d)

Answer 2

herokuでmaigrateし忘れているとかはないですか？

Comments

[YukiTani]

はい、githubでマージした後、 heroku run rails db:migrateをしています。