Express.js/Node.js图片加载404错误：帖子图片无法显示排查

问题分析与修复方案 #

已知问题点 #

• 控制台抛出404错误：GET /images/uploads/ 404 3.524 ms - 1443
• 个人头像可正常加载，但cards容器内的帖子图片无法显示
• 图片上传操作失败

帖子图片不显示的直接修复 #

帖子图片无法加载的核心原因是EJS模板变量输出语法错误：
原代码中使用了<%user.posts[0].image%>，这是EJS的代码执行标签（仅运行代码不输出内容），正确的变量输出标签应该是<%= %>。

修复后的代码：

src="/images/uploads/<%= user.posts[0].image%>"

关联问题排查（404错误与上传失败） #

由于个人头像能正常加载，说明Express的静态资源配置（express.static('public')）是正常的，针对剩余问题可以从以下几点排查：

1. 上传中间件配置：检查multer（或你使用的其他上传工具）是否正确将文件保存到public/images/uploads目录，确认存储路径的拼写和目录权限
2. 数据库字段验证：确保上传成功后，图片文件名已正确写入数据库的user.posts[0].image字段，避免出现空值或错误路径
3. 避免空路径请求：为防止user.posts[0].image为空时触发/images/uploads/的404请求，可以在EJS中增加判断逻辑：

<% if (user.posts && user.posts[0] && user.posts[0].image) { %>
  <img src="/images/uploads/<%= user.posts[0].image%>" alt="帖子内容图">
<% } %>

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