Express+Handlebars.js渲染图片遇404，仅plant/id视图异常求助

核心原因 #

问题出在相对路径的解析逻辑：

• 访问非嵌套路由（比如首页）时，./hangingPlant.png会被浏览器解析为/hangingPlant.png，刚好匹配你通过express.static('images')设置的静态资源路径。
• 但访问嵌套路由/plant/id时，./会基于当前URL路径，浏览器会请求/plant/hangingPlant.png，这个路径不存在，所以返回404。

直接解决方案 #

把图片的src改成绝对路径：

<img src="/hangingPlant.png" class="h-[5rem] sm:h-[5rem]" alt="Logo" />

绝对路径以/开头，不管当前路由层级，都会直接从静态资源根目录（你设置的images文件夹）查找文件。

额外验证步骤 #

1. 确认images文件夹下确实存在hangingPlant.png，文件名和大小写完全匹配（Linux/macOS环境下文件名区分大小写）。
2. 保持server.js里的静态资源配置不变：

app.use(express.static('images'));

这个配置会把images文件夹设为静态资源根，访问/hangingPlant.png就会对应images/hangingPlant.png。

3. 如果你之前把图片移到了public文件夹，需要把静态资源配置改成：

app.use(express.static('public'));

图片路径依然用/hangingPlant.png即可。

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