html <img>タグ 表示されない。

Question

index.html.erb
に下記のようなコードを書きました。
src="public/images/tree.jpg"

写真が入っているフォルダーを示しましたが
写真が表示されません。

写真の入っているフォルダの階層はあっていると思います。

index.html.erb

 <div class="works-wrapper">
    <div class="work-box">
      <img class="work-image" src="public/images/tree.jpg" alt="制作事例１">

homes.scss
.works-wrapper{
  display: table;
  width: 100%;
  margin-top: 60px;
  table-layout: fixed;
}

.work-box{
  position: relative;
  display: table-cell;
}
.work-image{
  display: block;
  width: 100%;
  margin: 0 0 60%;
}

表示されない写真veiw

写真が入っているフォルダー（中身入っていること確認済み）

!明](ee63d516dd60b7654454419ac8b59dcb.png)

Comments

[maisumakun]

フレームワークはRailsでしょうか？

[MISIAN-MISIAN]

rails 使っています。

Answer 1

Railsでは、public/foo/bar.extに置いたファイルにブラウザからアクセスする場合、publicは付けずに/foo/bar.extというURLとなります。

src="/images/tree.jpg"としてください。

Comments

[MISIAN-MISIAN]

表示されました。
ありがとうございました。