Laravelで写真のパスがわからない

Question

##実現したいこと
background-imageを使用して画像を背景に設定したい。

##現状
プロジェクトファイルの中のpublicフォルダにimageフォルダを作成し、下記のコードで画像を呼び出したのですが反映されていません。

<div class="top" style="background-image:url(image/top.png)">
   <h2>日常におしゃれを</h2>
</div>

##質問
①publicフォルダにimageフォルダを作ったのが間違いでしょうか？
②問題のコードを書いている場所はresources/views/layouta/app.blade.phpのため、別フォルダに移動する../../のようなき記述でパスを設定するのでしょうか？

Answer 1

- <div class="top" style="background-image:url(image/top.png)">
+ <div class="top" style="background-image:url({{ asset('image/top.png') }})">
   <h2>日常におしゃれを</h2>
</div>

Comments

[higa_yomityu]

blade用の書き方が問題なのですね。やりたいこと実現できました！ありがとうございます！

Answer 2

• bladeに書くのにLaravelの機能でパスを構築しないのが間違い
• URLの考え方を理解してないのが間違い

「ファイルからのパス」ではなく「参照しているURLからのパス」です。

Comments

[higa_yomityu]

bladeの記述をしていないことは理解できました。
URLの考え方を理解していないのをもう少し具体的に教えていただけますか？

[m.ts10806]

resources/views/layouta/app.blade.php
はあくまでビューファイルの置き場所。
URLとは無関係。

[m.ts10806]

layouta？

[m.ts10806]

あと回答に書いてます。
>「ファイルからのパス」ではなく「参照しているURLからのパス」です。

[higa_yomityu]

全然わかりません。
ありがとうございます。

[m.ts10806]

ではLaravelから離れてWebの基本を学んでください。
あなたには早すぎます。「Web職人のためのフレームワーク」です。

[m.ts10806]

リクエスト、レスポンス　理解してないと何にもできません。