Express.js无法正常提供静态文件服务，多种尝试均无效该如何解决？

• 路径拼接错误：初始配置中__dirname + 'public'缺少路径分隔符，__dirname的值为当前index.js所在的目录路径，末尾默认不带斜杠，拼接后会生成无效路径（例如项目存放在/Users/xxx/test时，拼接结果为/Users/xxx/testpublic，指向不存在的目录），导致中间件无法匹配到静态资源。
• 挂载路径规则不匹配：使用app.use('public', express.static(...))配置时，静态资源的访问路径必须携带/public前缀，若直接访问资源文件名会返回404。
• 依赖模块缺失：使用path.join的配置写法时，若未在代码头部引入path核心模块，会触发运行时报错，导致静态资源中间件失效。

完整可运行代码 #

const express = require('express')
// 引入Node.js核心path模块
const path = require('path')
const app = express() 

app.use(express.json())
// 根路径挂载public目录下的静态资源
app.use(express.static(path.join(__dirname, 'public')))

const port = process.env.PORT || 3000
app.listen(port, () => {
    console.log("running on port " + port)
})

访问说明 #

• 按上述配置后，直接请求http://localhost:3000/test.html即可正常加载public目录下的test.html文件。
• 若需要在访问路径中携带/public前缀，可将静态资源挂载代码修改为app.use('/public', express.static(path.join(__dirname, 'public')))，对应访问地址改为http://localhost:3000/public/test.html即可。

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