如何修复POST http://localhost:3000/api/register 404 (Not Found)错误？

• 检查前端请求地址配置
  打开register.js，确认请求URL是否和后端实际运行端口匹配。比如后端运行在5000端口，前端不能直接请求http://localhost:3000/api/register，需改成http://localhost:5000/api/register。建议用环境变量统一管理API地址：在项目根目录创建.env文件，写入REACT_APP_API_URL=http://localhost:5000/api，请求时用${process.env.REACT_APP_API_URL}/register，避免硬编码出错。同时检查路径拼写，确保api/register和后端路由完全一致，注意大小写、斜杠等细节。

• 配置前端代理（适合同端口访问场景）
  若想让前端通过3000端口代理请求后端，在package.json中添加"proxy": "http://localhost:5000"（替换为你的后端端口），这样前端请求/api/register会自动转发到后端对应接口。添加后必须重启前端服务才能生效。

• 检查前端请求代码正确性
  确认register.js中的请求方法为POST，参数格式符合后端要求。使用axios的示例代码：

  import axios from 'axios';
  
  const registerUser = (userData) => {
    return axios.post('/api/register', userData)
      .then(res => res.data)
      .catch(err => console.error(err));
  };
  

  使用fetch的示例代码（需手动设置请求头）：

  const registerUser = async (userData) => {
    const response = await fetch('/api/register', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(userData),
    });
    return response.json();
  };
  

• 验证后端路由挂载状态
  虽然Postman能正常访问，仍需确认后端路由配置：

  1. 检查路由文件是否正确定义POST路由：

     router.post('/register', async (req, res) => {
       // 注册逻辑
     });
     

  2. 确认主应用文件是否将该路由挂载到/api路径：

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

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