图片标记仅在主页上返回用户头像而不在其他页面上

Question

1. 我有一个导航栏，一个主页和一个发布问题的页面

2. 用户头像显示在主页上而不是发布在下面的问题页面是我的导航栏

   <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

使用绝对路径：<img src="/uploads/avatars/...

注意＆＃39; /＆＃39;在路径的开头。

Answer 2

示例：

• 主页： demo.com /

• 任何页面： demo.com/any-page /

案例1：

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

• 主页：网址图片为 demo.com/uploads/avatars /...
• 任何页面：网址图片为 demo.com/any-page/uploads/avatars /... =＆gt;的地址 图片错误

案例2：

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

• 主页：网址图片为 demo.com/uploads/avatars /....
• 任何页面：网址图片为 demo.com/uploads/avatars /.... =＆gt; 网址图片正确