Express中localhost:3000/about无法加载modalbox.html的问题排查

1. 移除多余的res.end()调用 #

你的/about路由中，res.sendFile()会自动完成响应的发送与结束流程，手动调用res.end()会干扰响应正常处理，导致文件无法正确加载。修改后的路由代码：

app.get('/about', (req,res) =>{
    res.sendFile(path.join(__dirname, 'modalbox.html'));
})

2. 确认文件路径正确性 #

• 检查modalbox.html是否与你的Express入口文件（如app.js/server.js）处于同一目录
• 如果文件在子目录（比如public/modalbox.html），需调整路径：

  res.sendFile(path.join(__dirname, 'public', 'modalbox.html'));
  

3. 修正服务器启动日志错误 #

你启动的是HTTP服务器，但日志里写了https，会造成混淆，修改为：

app.listen(port, () =>{
    console.log(`server running at http://localhost:${port}`);
})

4. 可选：优化静态文件服务配置 #

建议将静态文件放在专门的public目录，避免暴露入口文件等敏感内容：

app.use(express.static(path.join(__dirname, 'public')));

同时将modalbox.html移至public目录，路由路径也对应调整。

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