MongoDB+Express项目中PATCH/DELETE请求异常：请求未完成无数据返回

我帮你梳理了几个核心问题，都是导致PATCH/DELETE请求异常的关键原因，一步步来修复：

一、前端请求方法使用错误（DELETE请求的核心问题） #

Angular的HttpClient.delete()方法第二个参数不是请求体，而是配置选项对象。如果要在DELETE请求里传递ID数组，必须把数据放在body属性中：

修复前端服务层代码 #

api = 'http://localhost:3000/tasks';
deleteData(ids: string[]) {
  // 把ID数组塞进请求body
  return this.http.delete(this.api, { body: ids });
}

patch(data) {
  return this.http.patch(this.api, data); // PATCH这里参数没问题，但建议后续改成REST风格的/tasks/:id
}

修复前端组件调用（确保传递的是纯ID数组） #

// 先从选中项里提取ID，不要直接传整个对象
const deleteIds = this.checkedItems.map(item => item._id);
this.deleteData(deleteIds).subscribe({
  next: () => {
    console.log('批量删除成功');
    // 这里可以加刷新列表的逻辑
  },
  error: err => console.error('删除失败:', err)
});

二、后端未返回响应，导致请求挂起 #

你的Express路由里只执行了数据库操作，但没有给前端返回任何响应，浏览器会一直等待请求完成，所以出现「Request is not finished yet」提示。不管操作成功/失败，都必须用res.json()/res.status()结束请求。

同时，直接操作Model.collection不是Mongoose的推荐用法，建议用官方封装的模型方法（自动处理类型转换、错误捕获）。

修复PATCH路由（带响应与错误处理） #

app.patch('/tasks', async (req, res) => {
  try {
    const { _id, taskName, isDone, prioraty } = req.body;
    // 用findByIdAndUpdate更直观，自动处理ObjectId转换，返回更新后的文档
    const updatedTask = await Model.findByIdAndUpdate(
      _id,
      { $set: { taskName, isDone, prioraty } },
      { new: true } // 这个选项会返回更新后的最新数据
    );

    if (!updatedTask) {
      return res.status(404).json({ message: '找不到要更新的任务' });
    }

    res.json(updatedTask); // 把更新结果返回给前端
  } catch (err) {
    console.error('更新错误:', err);
    res.status(500).json({ message: '更新失败', error: err.message });
  }
});

修复DELETE路由（带响应与ID类型转换） #

MongoDB的_id是ObjectId类型，前端传的是字符串，需要转换后才能匹配查询：

const { ObjectId } = require('mongoose').Types; // 引入ObjectId工具

app.delete('/tasks', async (req, res) => {
  try {
    const ids = req.body;
    if (!Array.isArray(ids) || ids.length === 0) {
      return res.status(400).json({ message: '请提供要删除的ID数组' });
    }

    // 把字符串ID转为MongoDB能识别的ObjectId
    const objectIds = ids.map(id => ObjectId(id));
    const deleteResult = await Model.deleteMany({ _id: { $in: objectIds } });

    res.json({ message: `成功删除${deleteResult.deletedCount}条任务` });
  } catch (err) {
    console.error('删除错误:', err);
    res.status(500).json({ message: '删除失败', error: err.message });
  }
});

三、额外优化：简化后端中间件 #

Express 4.16+之后，express.json()就是bodyParser.json()的别名，你可以去掉重复的中间件配置：

// 替换原来的bodyParser代码
app.use(cors());
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

问题根源总结 #

1. DELETE请求的前端参数格式错误，导致后端接收不到ID数组；
2. 后端路由未返回响应，请求一直处于挂起状态；
3. MongoDB操作未处理异步结果与错误，且未转换ID类型；
4. 直接操作collection跳过了Mongoose的类型校验与封装能力。

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