ExpressJS同一服务器多Web应用不同基础目录部署问题求助

嘿，我刚好遇到过几乎一模一样的问题，给你一个经过验证的正确实现，顺便帮你分析下之前三种写法的问题所在：

针对你的Node v8.11.2版本完全兼容的代码：

const express = require('express');
const path = require('path'); // 用path模块处理路径更可靠
const app = express();

// 1. 处理/tools*路由，映射到toolsApp静态目录
app.use('/tools', express.static(path.join(__dirname, 'dist', 'toolsApp'), {
  redirect: false // 关闭自动重定向，避免请求文件时被追加/
}));

// 2. 处理/net*路由，映射到netIdApp静态目录
app.use('/net', express.static(path.join(__dirname, 'dist', 'netIdApp'), {
  redirect: false
}));

// 3. 处理所有其他请求，映射到homeApp静态目录
app.use(express.static(path.join(__dirname, 'dist', 'homeApp'), {
  redirect: false
}));

// 【可选】如果是SPA应用，添加前端路由fallback逻辑
// 针对/tools的SPA路由 fallback
app.use('/tools', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist', 'toolsApp', 'index.html'));
});

// 针对/net的SPA路由 fallback
app.use('/net', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist', 'netIdApp', 'index.html'));
});

// 针对home的SPA路由 fallback
app.use((req, res) => {
  res.sendFile(path.join(__dirname, 'dist', 'homeApp', 'index.html'));
});

app.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

• 第一种写法（直接添加多个express.static）：
  当你直接写app.use(express.static(a), express.static(b))时，Express会按顺序在所有静态目录中查找文件——先在a里找，找不到再去b，这就会导致文件名冲突时返回第一个找到的文件，完全达不到按路由区分的目的。

• 第二种写法（指定路由但仅最后一个生效）：
  大概率是你把*的路由配置放在了前面！Express的路由匹配是从上到下按顺序执行的，如果先写了app.use('*', express.static(...))，那所有请求都会被这个规则匹配，后面的/tools和/net规则根本不会生效。另外你提到的“请求文件名后被追加/”，是因为请求的文件不存在时，Express默认会自动重定向到带/的路径，加上redirect: false就能解决这个问题。

• 第三种写法（把express.static放在app.get回调内）：
  express.static是一个Express中间件，它需要被挂载到路由上（用app.use或router.use），而不是在app.get的回调里手动调用。放在回调里会跳过Express的中间件处理流程，无法正确处理文件缓存、Content-Type设置、错误处理等逻辑，自然无法返回正确的前端文件。

1. 一定要用绝对路径：用path.join(__dirname, ...)拼接路径，避免因为Node运行目录不同导致的路径错误，这在生产环境尤其重要。
2. SPA应用需要路由fallback：如果你的前端是单页应用，当用户直接访问/tools/dashboard这类前端路由时，服务器需要返回对应App的index.html，否则会返回404，上面的代码已经包含了这部分逻辑。
3. 路由顺序不能乱：要把具体的前缀路由（/tools、/net）放在通用路由前面，否则通用路由会先匹配所有请求。

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