Express搭配Axios拆分路由控制器后请求返回404错误如何解决？

核心错误为路由路径拼接错误，导致实际暴露的接口路径和预期不一致：

1. 你在app.js中使用app.use('/login', authRouter)注册路由时，给整个auth模块的路由都添加了/login前缀
2. 你在routes/auth.js中又给登录接口定义了router.post('/login', controller.login)的子路径
   最终拼接出来的完整接口路径为http://localhost:端口/login/login，和无分层写法中直接暴露的/login路径不一致，所以请求/login时就会返回404。

两种方案二选一即可：

方案1：修改路由注册的前缀（推荐） #

把app.js中的路由注册代码修改为按业务模块划分前缀：

// 原代码
// app.use('/login', authRouter);
// 修改为
app.use('/api/auth', authRouter);

此时登录接口的完整路径为/api/auth/login，前端请求时调用该路径即可，后续同模块的注册、退出登录等接口都可以放在这个路由模块下，结构清晰。

方案2：修改auth路由文件的子路径 #

如果要保留原有/login的请求路径，直接修改routes/auth.js中的路由定义：

// 原代码
// router.post('/login', controller.login);
// 修改为
router.post('/', controller.login);

此时/login前缀加/子路径，最终的完整路径就是/login，和无分层写法的路径保持一致。

• 路由注册统一按业务模块划分前缀，比如用户模块用/api/user、商品模块用/api/product，避免不同模块的路由路径冲突，也方便统一做接口鉴权等全局处理。
• 控制器的异常分支必须返回响应，你当前代码中axios请求失败的catch分支只打印了日志，没有给前端返回响应，会导致前端请求超时，建议补充错误返回：

.catch((err) => {
  console.log('failed to login');
  res.status(400).send({
    code: 10001,
    msg: '登录失败',
    error: err.message
  })
});

• 复杂业务逻辑可以抽离到service层，控制器只负责参数校验、调用服务、处理响应，第三方接口调用、数据库操作等逻辑都放在service层，代码维护性更高。

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