Express 4自定义路由无法命中问题求助

问题描述 #

我有一个React项目，执行build操作后用Express提供静态文件服务，但访问/test路由时无法触发对应的处理函数，通配符/*路由总是被命中。我的Express代码如下：

const express = require('express');
const path = require('path');
const app = express();
app.listen(9000);
app.get('/test', function(req, res) {
  console.log("not being hit");
  res.send(200);
});
app.use(express.static(path.join(__dirname, 'build')));
app.get('/*', function (req, res) {
  console.log("always hits");
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

这看起来是个简单问题，但我现在毫无头绪，请求解决。

问题原因 #

Express的路由和中间件是按照定义的先后顺序匹配的，一旦某个路由/中间件完成了响应处理（比如调用res.send、res.sendFile），后续的路由就不会再被触发。

你的代码虽然把/test放在了/*之前，但有两个潜在问题：

1. app.listen(9000)放在路由注册之前，虽然Express 4.x理论上支持，但不符合常规写法，可能在特殊场景下导致路由未正确挂载；
2. res.send(200)的写法不够规范，虽然能运行，但可能引发响应处理的异常（非核心原因）。

解决步骤 #

1. 调整代码顺序（核心） #

把app.listen(9000)移到所有路由和中间件注册的最后，同时确保特定路由优先于静态资源中间件和通配符路由定义：

2. 规范响应写法 #

将res.send(200)替换为更规范的res.sendStatus(200)（仅返回状态码）或res.status(200).send('Test route triggered')（带响应内容）。

修改后的完整代码：

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

// 1. 先定义特定路由，确保优先匹配
app.get('/test', function(req, res) {
  console.log("Test route hit!");
  res.sendStatus(200); // 规范的状态码返回方式
});

// 2. 挂载静态资源中间件，处理React build后的静态文件
app.use(express.static(path.join(__dirname, 'build')));

// 3. 最后定义通配符路由，处理未匹配的请求（比如React前端路由）
app.get('/*', function (req, res) {
  console.log("Wildcard route hit");
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

// 4. 最后启动服务
app.listen(9000, () => {
  console.log("Server running on port 9000");
});

额外检查点 #

• 确认build文件夹中没有test.html或test目录，否则express.static会优先返回静态文件（不过你的代码中特定路由在静态中间件之前，不会出现此问题）；
• 测试时确保用GET方法请求/test，因为你的路由是app.get('/test')，其他请求方法会命中通配符路由；
• 清除浏览器缓存，避免旧响应干扰测试结果。

内容的提问来源于stack exchange，提问作者C. Meadows