关于使用Express服务器托管整个目录的技术咨询

1. 不需要为每个.html文件单独编写路由 #

完全没必要逐个给.html文件写路由，Express的express.static中间件专门用来托管静态资源目录，能自动处理所有静态文件的请求：

• 配置好静态目录后，访问根路径/时，会自动返回目录下的index.html
• 直接访问/some-other.html就能返回对应的文件，无需额外路由
• 像/css/xxx.css、/js/app.js这类资源也会被自动处理

直接用express.static托管html目录即可，不用手动写每个文件的路由。

2. 路径定义语法分析 #

逐个拆解你写的代码：

• var htmlPath = path.join(__dirname, "html/");
  语法上没问题，但path.join会自动处理路径分隔符，末尾的/可以省略，写成path.join(__dirname, "html")更规范。
• app.use(express.static("html"));
  这是相对路径，它的基准是你启动服务器时的工作目录，不是server.js所在的目录。如果在root目录启动没问题，但换个目录启动就会找不到html文件夹，不推荐使用。
• app.use(express.static(__dirname));
  这个非常危险！它会把整个root目录（包括server.js）都暴露为静态资源，任何人都能下载你的服务器代码，绝对不能这么用。
• app.use(express.static(path.join(__dirname, "/html")));
  这是正确的写法。path.join会自动处理路径拼接，开头的/会被忽略，最终等同于path.join(__dirname, "html")，用绝对路径避免了工作目录的问题，是推荐的配置方式。

推荐的完整配置示例 #

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

// 正确配置静态资源目录，托管html文件夹下的所有内容
app.use(express.static(path.join(__dirname, 'html')));

// 只有当你需要自定义根路径响应（比如默认不是index.html）时，才需要单独写这个路由，否则可以省略
// app.get('/', (req, res) => {
//   res.sendFile(path.join(__dirname, 'html', 'index.html'));
// });

app.listen(3000, () => {
  console.log('服务器运行在 http://localhost:3000');
});

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