Express DELETE接口React无法调用但Postman可用问题求助

核心原因：Axios DELETE请求参数使用错误 #

你当前的Axios DELETE请求写法不符合官方API规范：

axios.delete(url , {listItems: deletedItems}, { headers: { token: jwt } })

Axios的delete方法签名为axios.delete(url[, config])，仅接受两个参数：URL和配置对象。你将请求体作为第二个独立参数、headers作为第三个参数传递，会导致：

• 第三个参数被完全忽略，请求无法携带token头信息
• 请求体没有通过配置对象的data字段传递，后端无法正确接收listItems

如果你的validateToken中间件需要验证请求头中的token，无token的请求会被拦截；若中间件未正确返回错误响应，请求会继续流转到兜底的app.all('*')路由，最终返回"Request handler not found!"。

解决步骤 #

1. 修正Axios请求写法 #

将请求体和headers统一放入配置对象的对应字段：

axios.delete(url, {
  data: { listItems: deletedItems },
  headers: { token: jwt }
})

2. 验证URL正确性 #

确认config.API_URL拼接后的完整URL与Postman中使用的完全一致，避免出现前缀重复（如/api/api/risk/...）或缺失的情况。

3. 修复后端异步逻辑问题 #

你的后端路由中使用forEach(async item => { ... })存在异步执行漏洞：forEach不会等待内部的异步操作完成，会直接返回成功响应，导致部分删除操作可能未执行完毕。改用Promise.all确保所有异步操作完成后再返回：

router.delete('/listitems/:id', validateToken, async (req, res) => {
  const listId = req.params.id;
  const { listItems } = req.body;

  try {
    // 使用Promise.all等待所有删除操作完成
    await Promise.all(listItems.map(item => 
      pool.query(`delete from list_items where list_id = ? and item_id = ?`, [listId, item.item_id])
    ));
    return res.status(200).send({ message: 'List items successfully deleted' });
  } catch (error) {
    return res.status(500).send({ message: error.message });
  }
});

4. 完善Token验证中间件 #

确保validateToken中间件在验证失败时返回明确的错误响应，避免请求流转到兜底路由：

// 示例validateToken中间件逻辑
const validateToken = (req, res, next) => {
  const token = req.headers.token;
  if (!token) {
    return res.status(401).send({ message: 'Token missing' });
  }
  // 其他验证逻辑...
  next();
};

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