如何在Express中同URL分离前后端并正确路由API请求？

直接调整Express路由的定义顺序，把API端点放在静态文件服务和前端catch-all路由之前即可，不需要修改前端路由前缀，这是更简洁的最优方案。

具体代码修改 #

修改你的server.js，按以下顺序排列路由：

// 1. 先定义所有API路由
app.get('/api/product/:uid', (req, res) => {
  // 你的API处理逻辑
});

// 2. 然后提供前端静态文件
app.use(express.static(__dirname + '/frontend/dist/frontend'));

// 3. 最后设置前端SPA的catch-all路由
app.get('/*', function(req,res) {
    res.sendFile(path.join(__dirname+'/frontend/dist/frontend/index.html'));
});

原理说明 #

Express的路由匹配是按定义顺序执行的：当请求/api/product/123进来时，会优先匹配到你定义的API路由，不会走到后面的/*前端路由。只有当请求路径不匹配任何API路由时，才会进入静态文件服务或返回前端index.html，完美兼容Angular的SPA路由需求。

关于你提出的方案 #

给前端路由添加/frontend前缀的方案虽然可行，但需要额外修改Angular的路由配置（比如在app-routing.module.ts中设置路由前缀），增加了不必要的复杂度。调整后端路由顺序的方式不需要改动前端代码，是更高效的解决方案。

内容的提问来源于stack exchange，提问作者hungry-hippo56