【Rails】Renderの本番環境で画像が表示されるようにしたい

実現したいこと

前提

Railsでスマホ在庫管理アプリケーションを作っています。
Bootstrap導入しフロント部分の実装完了し、Renderデプロイ後に確認したところ画像表示されないという問題が発生しました(ローカル上では問題なく表示される)。

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

エラーメッセージなし

該当のソースコード(メイン部)

Ruby

1省略 2 <section class="py-5 text-center container custom-bg">3 <div class="row py-lg-5">4 <div class="col-lg-6 col-md-8 mx-auto">5 <h1 class="fw-light">見込客獲得とは、<br>課題を抱える人を見つけることである。</h1>6 <p class="lead text-muted">ベンジャミン・フリードマン(経済学者)</p>7 <p>8 <a href="#" class="btn btn-primary my-2">在庫登録する</a>9 </p>10 </div>11 </div>12 </section>13省略

該当のソースコード(メイン部CSS)

Ruby

1省略 2/* メイン部分 */3.custom-bg {4 position: relative;5 overflow: hidden;6}7 8.custom-bg::before {9 content: "";10 display: block;11 position: absolute;12 top: 0;13 right: 0;14 bottom: 0;15 left: 0;16 background-image: url('/assets/background-image.jpg');17 background-repeat: no-repeat;18 background-size: cover;19 background-position: center center;20 opacity: 0.6; /* 透明度60% */21 z-index: -1; /* 背景を最背面に配置 */22}23省略

該当のソースコード(ギャラリービュー部分)

Ruby

1省略 2<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Apple</title><image href="/assets/apple.jpg" width="100%" height="100%" preserveAspectRatio="none" /><text x="50%" y="50%" fill="#eceeef" dy=".3em"></text></svg>3省略

試したこと

app/assets/imagesディレクトリの中に画像が存在しているか、画像のパスが正しいことを確認済みです。

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

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

コメントを投稿

0 コメント