拆分Express登录路由到routes后，Axios请求出现404错误求助

我来帮你排查这个404问题，大概率是路由路径的拼接逻辑出了问题，咱们一步步理清楚：

核心问题：路由路径的双重前缀 #

你当前的路由配置会导致实际生效的登录路径和前端请求不匹配：

• 在routes/auth.js里，你定义了router.post('/signin', ...)，这个路径是相对路径，会继承server.js中挂载时的前缀。
• 而你在server.js里用app.use('/signin', authRoutes)，相当于给auth.js里的所有路由都加上了/signin的前缀。

两者叠加后，实际生效的登录路由是/signin/signin，但你的前端请求的是/signin，自然会返回404。

两种修复方案 #

方案一：调整auth.js里的路由路径 #

把auth.js中的登录路由改成根路径，让它直接对应挂载的前缀：

// routes/auth.js
const express = require('express');
const router = express.Router();

// 把 '/signin' 替换为 '/'
router.post('/', (req, res) => {
  // 你的登录处理逻辑
});

// 务必确保导出router
module.exports = router;

这样server.js里的app.use('/signin', authRoutes)就会把这个路由映射到/signin，和前端的请求路径完全匹配。

方案二：调整server.js里的挂载前缀 #

如果你想保留auth.js里的/signin路径定义，那修改server.js的挂载代码，去掉额外的前缀：

// server.js
const authRoutes = require('./routes/auth');
// 把 '/signin' 替换为 '/'
app.use('/', authRoutes);

此时auth.js里的router.post('/signin')会直接映射到/signin，和前端请求一致。

额外排查细节 #

如果按上面的方法还是不行，建议检查以下几点：

1. 确认auth.js正确导出router：一定要确保文件末尾有module.exports = router;，否则引入的路由是空的，也会导致404。
2. 检查路由注册顺序：确保app.use(authRoutes)的代码写在404处理中间件之前。如果404中间件先执行，请求会被直接拦截，找不到正确的路由。
3. 验证路由是否生效：可以打印当前所有注册的路由来确认，比如使用express-list-endpoints包：

   // 先安装：npm install express-list-endpoints
   const listEndpoints = require('express-list-endpoints');
   console.log(listEndpoints(app));
   

   运行后就能看到所有有效端点，方便确认登录路由是否存在。

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