Express应用中无法通过URL访问静态文件的问题排查

你遇到的Cannot GET错误，核心问题是静态文件目录路径拼接错误。

具体问题点 #

在你的代码中：

app.use(express.static(__dirname + "public"));

__dirname变量返回当前文件（index.js）所在的目录路径，它不会以斜杠结尾。直接和"public"拼接后，最终路径会变成类似/xxx/express-apppublic（把express-app和public连在一起了），Express找不到这个目录，自然无法加载静态文件。

修正方案 #

有两种可靠的写法：

1. 手动添加路径分隔符：

app.use(express.static(__dirname + "/public"));

2. 使用Node.js内置的path模块拼接路径（推荐，跨系统兼容，自动适配Windows和Linux的路径分隔符）：

const express = require("express");
const path = require("path"); // 引入path模块
const app = express();

// 用path.join拼接正确路径
app.use(express.static(path.join(__dirname, "public")));

app.get("/", (req, res) => {
  res.json({ message: "Hello World!" });
});

app.listen(3000, () => {
  console.log("Server is running on port 3000");
});

修正后重启服务，访问http://localhost:3000/demo.html或http://localhost:3000/image.jpg就能正常加载静态文件了。

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