使用app.use和express.static调用public目录HTML文件时遇404问题求助

正确配置代码 #

直接替换你原来的静态文件相关代码，这是能正常运行的配置：

const express = require('express');
const app = express();
const path = require('path');

// 正确挂载静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

// 以下是你原本正常工作的路由，无需修改
let topMovies = [/* 你的数组内容 */];
app.get('/', (req, res) => {
    res.send('Welcome to my movie list!')
});
app.get('/movies', (req, res) => {
    res.json(topMovies)
});

app.listen(8080, () => {
    console.log('Your app is listening on port 8080.')
})

配置完成后，访问localhost:8080/documentation.html就能正常加载对应的HTML文件。

你的错误分析 #

1. 第一种尝试的问题：
   你用__dirname + '/public'拼接路径，在类Unix系统（Mac/Linux）下逻辑没问题，但Windows系统路径分隔符是\，直接用+拼接可能导致路径失效。换成path.join(__dirname, 'public')能自动适配所有系统的路径规则，避免这类问题。

2. 第二种尝试的问题：
   app.use('/documentation.html', express.static('public'))用法完全错误。express.static的第一个参数是挂载路径前缀，不是具体文件名。这么配置的话，你得访问localhost:8080/documentation.html/documentation.html才能拿到文件，显然不符合需求。

额外检查要点 #

如果按正确配置还是返回404，排查以下两点：

• 文件名拼写：确认public目录下的文件确实是documentation.html，注意大小写（Linux/Mac系统文件名大小写敏感，Windows不敏感）。
• 启动目录：确保你是在Project目录下运行node index.js，虽然用__dirname已经是绝对路径，但如果启动目录不对，相对路径的静态配置会出问题（不过你用了__dirname的话这点可以忽略）。

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