MERN栈登录/注册页Post 404 Not Found错误排查求助

404错误本质是前端请求的后端接口地址不存在，按以下顺序逐一排查：

1. 先验证后端接口是否正常 #

用Postman或curl直接请求后端的登录/注册接口，比如：

# 假设后端跑在localhost:5000，路由挂载在/api/auth
curl -X POST http://localhost:5000/api/auth/login -d '{"email":"test@example.com","password":"123456"}' -H "Content-Type: application/json"

如果Postman也返回404，问题出在后端路由配置；如果能正常响应，问题则在前端请求路径。

2. 核对后端路由配置 #

• 检查路由文件（比如routes/auth.js）里的POST接口定义：

  const router = require('express').Router();
  
  // 确认注册/登录的路径书写正确
  router.post('/register', async (req, res) => {
    // 你的注册逻辑
  });
  
  router.post('/login', async (req, res) => {
    // 你的登录逻辑
  });
  
  module.exports = router;
  

• 检查server.js里的路由挂载前缀是否和接口路径匹配：

  const authRouter = require('./routes/auth');
  // 这里的前缀/api/auth要和前端请求的路径严格对应
  app.use('/api/auth', authRouter);
  

  如果挂载的是/api/user，前端请求就得是/api/user/login，不能出现路径前缀不匹配的情况。

3. 检查前端请求路径 #

• 如果你用axios/fetch发送请求，确认URL和后端挂载的路径完全一致：

  // 正确示例（对应后端/api/auth前缀）
  axios.post('/api/auth/login', { email, password })
    .then(res => { /* 处理响应 */ })
    .catch(err => console.log(err));
  

• 如果前端和后端跑在不同端口（比如前端3000，后端5000），要么在请求里写全地址：http://localhost:5000/api/auth/login，要么在前端package.json里配置代理：

  "proxy": "http://localhost:5000"
  

  配置代理后，前端请求/api/auth/login会自动转发到后端的5000端口。

4. 确认后端基础配置 #

• 确保server.js里已经启用了JSON解析中间件（虽然不会直接导致404，但会影响后续逻辑）：

  app.use(express.json());
  

• 确认后端服务器已经启动，且监听的端口和你请求的一致（比如server.listen(5000, () => console.log("Server running on 5000"))）。

按以上步骤排查，基本能定位到404的核心原因，优先从后端接口验证开始，再核对前后端的路径匹配问题。

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