带参数页面中Logo图片路径失效及头部图片路径被追加参数的技术问题咨询

这个问题的核心原因是相对路径在多层级URL下的解析错误：当你在无参数的根页面（比如https://your-site.com/）时，相对路径会被浏览器解析为相对于根目录；但在带参数的页面（比如https://your-site.com/post/123）时，浏览器会把相对路径当成相对于当前页面的路径（也就是/post/目录下），导致图片找不到。

针对你的代码，这里有几个可靠的解决方案：

1. 使用Laravel的asset()辅助函数生成绝对路径 #

Laravel的asset()函数会自动基于你的应用URL生成绝对路径，不管当前页面的URL层级如何，都能保证图片路径正确。修改你的代码如下：

<a class="navbar-brand" href="{{ url('/') }}">
    <img src="{{ asset($general->website_logo ?? 'images/default-logo.png') }}" class="img-fluid" alt="logo">
</a>

• 这里把'Not Found'换成了默认图片的相对路径（比如images/default-logo.png，假设这个文件放在public/images/目录下），避免当website_logo为空时显示无效的文本作为图片路径。
• asset()会把相对路径转换成类似https://your-site.com/images/default-logo.png的绝对URL，确保浏览器能正确找到图片。

2. 确保存储的Logo路径是绝对路径 #

如果你的$general->website_logo存储的是完整的绝对URL（比如https://your-site.com/uploads/logo.png），那原本的代码其实也能工作，但如果存储的是相对路径（比如uploads/logo.png），就必须用asset()来转换。

3. 处理Storage目录中的图片（如果适用） #

如果你的Logo是存在storage/app/public/目录下的，需要用asset()配合Laravel默认的storage:link命令创建的符号链接（该命令会生成public/storage指向storage/app/public的链接），直接用asset('storage/'.$general->website_logo)即可生成正确路径。

验证小技巧 #

你可以右键检查带参数页面里的Logo元素，看它的src属性是不是被解析成了错误的路径（比如/post/uploads/logo.png），如果是，说明就是相对路径的问题，用上面的方法修正就好。

内容的提问来源于stack exchange，提问作者Shishir