Axios POST请求返回404错误，PUT请求受关联影响求助

问题诊断与修复方案 #

1. POST路由缺少请求处理控制器 #

你的/perfil/avatar POST路由只配置了multer的upload.single('avatar')中间件，但没有添加对应的控制器函数来处理上传后的逻辑并返回响应。Express在这种情况下会因为请求未被终结而返回404错误。

修复步骤：

• 在usuarioController.js中新增处理头像上传的控制器函数：

export const subirAvatar = (req, res) => {
  if (!req.file) {
    return res.status(400).json({ msg: "No se seleccionó ningún archivo" });
  }
  // 可在此将文件路径存入用户数据库，或直接返回成功信息
  res.json({ msg: "Avatar subido exitosamente", rutaArchivo: req.file.path });
};

• 在路由文件中导入该函数，并更新路由配置（同时添加认证中间件，避免未授权上传）：

// 导入新增的控制器
import {
  // ...其他已有的控制器
  subirAvatar
} from '../controllers/usuarioController.js'

// 更新POST路由
router.post('/perfil/avatar', checkAuth, upload.single('avatar'), subirAvatar);

2. PUT请求"失效"的真相 #

你提到添加POST请求后PUT失效，实际是POST的404错误触发了catch块，导致后续的成功提示逻辑未执行，但PUT请求其实已经成功完成。可以在catch块中打印错误信息验证：

catch (error) {
  console.error(error.response?.data || error.message);
  // 补充错误提示逻辑
}

优化建议：
如果希望两个请求互不影响（一个失败不阻断另一个），可以用Promise.all并行执行：

try {
  const datosActualizados = {
    nombre,
    apellido,
    usuarioID,
    email,
    descripcion,
    fechaNacimiento,   
  };          
  // 并行发起两个请求
  const [respuestaPut, respuestaPost] = await Promise.all([
    clienteAxios.put(`/usuarios/perfil/${auth._id}`, datosActualizados),
    clienteAxios.post(`/usuarios/perfil/avatar`, formData)
  ]);

  setAlertaVisible(true)
  setAlerta({
    msg: "Perfil y avatar actualizados correctamente",
    error: false,
  })
  setTimeout(() => setAlertaVisible(false), 3000);
} catch (error) {
  console.error(error);
  // 处理错误提示
}

3. 额外检查项 #

• 确认clienteAxios的baseURL配置正确，避免路径重复（比如baseURL已经包含/usuarios，导致请求路径变成/usuarios/usuarios/perfil/...）。
• 验证archivoImagen是有效的File对象，防止FormData传递空值导致multer报错。
• 给PUT路由添加checkAuth中间件，确保只有授权用户能修改资料：

router.put('/perfil/:id', checkAuth, editarPerfil);

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