Node.js/Express项目public目录图片404问题及访问URL咨询

嘿，这问题我太熟了！你踩了Express静态资源配置里一个很常见的小坑——URL里不需要加public前缀。

为什么原来的URL不对？ #

Express的express.static中间件的作用，是把你指定的文件夹（这里就是public）作为静态资源的根目录。也就是说，public文件夹里的所有内容，都会直接映射到网站的根路径/下面，而不是带着public这个层级。

正确的访问URL #

你应该用这个地址访问图片：

http://localhost:3000/images/test.png

额外排查点：确认静态资源中间件配置正确 #

如果还是404，先检查你的项目入口文件（比如app.js或者bin/www里引用的app配置）有没有正确添加静态资源中间件：

• 基础写法（如果入口文件在项目根目录）：

  const express = require('express');
  const app = express();
  
  // 配置静态资源目录
  app.use(express.static('public'));
  

• 更稳妥的写法（避免相对路径可能的问题）：

  const express = require('express');
  const path = require('path');
  const app = express();
  
  // 用path.join拼接绝对路径，适配不同操作系统
  app.use(express.static(path.join(__dirname, 'public')));
  

确保这段代码在你的路由配置之前执行，这样静态资源请求会被优先处理。

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