Express静态文件与API路由配置问题：API请求始终返回静态资源

数据老陈

2026-5-21

嘿，我来帮你解决这个问题！你遇到的情况是所有请求都返回静态文件，包括/api开头的，这其实是因为你的Express路由配置有个小细节没处理对。

问题根源

你在server.js里写了app.use('/api/*', routes)，这里的*是多余的，反而干扰了路由匹配逻辑。Express的app.use方法本身就是前缀匹配——只要请求路径以指定前缀开头，就会触发对应的中间件。但加了*之后，它会要求路径必须是/api/（带斜杠）后面跟内容，还会把*对应的路径片段传递给router，导致router里的路由需要匹配这部分，这完全不是你期望的效果。

举个例子：如果你的router里定义了router.get('/users', ...)，那实际能匹配的路径会变成/api/*/users，这根本不是你想要的/api/users，所以这些请求不会被router处理，自然就落到后面的静态文件中间件了。

修复步骤

1. 修正server.js的路由挂载

把app.use('/api/*', routes)改成：

app.use('/api', routes);

这样所有以/api开头的请求（不管后面有没有内容，比如/api、/api/users、/api/posts/1）都会被routes正确处理。

2. 确保routes/index.js的路由定义正确

补全你的router文件，示例如下：

const express = require('express');
const router = express.Router();

// 示例：处理/api/users请求
router.get('/users', (req, res) => {
  res.json({ message: '获取用户列表成功' });
});

// 示例：处理/api根路径请求
router.get('/', (req, res) => {
  res.json({ message: 'API服务正常运行' });
});

// 可选：处理/api下未匹配到的路由，返回API专属404
router.use((req, res) => {
  res.status(404).json({ error: '该API端点不存在' });
});

module.exports = router;