图片标记仅返回首页上的用户头像，而不返回其他页面上的头像

Question

1. I have a nav bar a home page and a page to post a question

2. user avatar is showing on home page not on post a question page below is my nav bar

    <a style="position:relative; padding-left:50px;"> <img src="uploads/avatars/{{ $currentUser->avatar }}" style="width:32px; height:32px; position:absolute; top:10px; left:10px; border-radius:50%"> Welcome {{ $currentUser->name }} </a> 

Answer 1

Use a absolute path: <img src="/uploads/avatars/...

Notice the '/' at the beginning of the path.

Answer 2

Example:

• Home page: demo.com/

• Any page: demo.com/any-page/

---

Case 1:

<img src="uploads/avatars/{{ $currentUser->avatar }}"

• Home page: Url image is demo.com/uploads/avatars/...
• Any page: Url image is demo.com/any-page/uploads/avatars/... => Url image wrong

---

Case 2:

<img src="/uploads/avatars/{{ $currentUser->avatar }}"

• Home page: Url image is demo.com/uploads/avatars/....
• Any page: Url image is demo.com/uploads/avatars/.... => Url image correct