如何修改Express函数以获取指定项目路径并发送目标404页面

我来帮你搞定这个路径调整的需求！你当前遇到的问题是因为__dirname指向的是你的server文件夹（也就是当前脚本所在的目录），所以拼接后会得到...\Ex1\server\views\404.html。要得到Ex1\views\404.html的路径并正确发送文件，我们可以借助Node.js内置的path模块来优雅处理路径，避免手动拼接的兼容性问题。

具体实现步骤： #

1. 引入path模块：Node.js自带这个模块，无需额外安装，直接在你的Express文件顶部引入：

   const path = require('path');
   

2. 计算项目根目录：我们需要从server目录向上退一级，到达Ex1文件夹（项目根目录），用path.resolve来实现：

   // __dirname是当前脚本所在的server目录，'..'表示向上跳转一级
   const projectRoot = path.resolve(__dirname, '..');
   

3. 拼接目标文件路径并发送：用path.join安全拼接根目录和views/404.html，它会自动适配不同操作系统的路径分隔符（Windows的\和Linux的/），然后修改你的中间件：

   app.use(function(req, res) {
     const targetPath = path.join(projectRoot, 'views', '404.html');
     // 可选：打印路径确认是否符合预期
     console.log('目标文件路径:', targetPath);
     res.sendFile(targetPath);
   });
   

为什么推荐这种方式？ #

• path.resolve会生成绝对路径，确保无论脚本在哪里运行都能正确定位到项目根目录。
• path.join避免了手动拼接字符串可能出现的路径分隔符错误，比如多写或少写斜杠的问题，跨平台兼容性更强。

小提示： #

运行你的Express服务后，控制台打印的targetPath应该就是你想要的Ex1\views\404.html（Windows环境），同时res.sendFile也能正确找到并发送这个HTML文件。记得确认Ex1/views/404.html文件确实存在哦！

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