发起HTTP DELETE请求时出现404错误，请求协助排查原因

从你贴的错误信息和代码来看，问题根源一眼就能看出来——请求URL里出现了[object%20Object]，这说明你调用deletePost方法时，传入的不是预期的字符串类型_id，而是一个对象。浏览器会把对象自动转换成字符串[object Object]，URL编码后就变成了[object%20Object]，后端找不到对应这个奇怪路径的接口，自然返回404。

具体错误原因 #

• 你在调用deletePost的时候，传参出错了：比如可能直接把整个post对象传了进去，而不是对象里的_id属性。
• 虽然你的方法定义里写了接收_id: string，但如果TypeScript的严格模式没开，或者调用时没注意类型，就会出现这种隐式转换的问题。

解决办法 #

• 修正调用传参：
  先找到你调用deletePost的代码，比如原来可能是这样的：

  // 错误示例：传入了整个post对象
  this.yourService.deletePost(postItem);
  

  改成传入post对象的_id属性（确保它是字符串）：

  // 正确示例：传入字符串类型的_id
  this.yourService.deletePost(postItem._id);
  

• 添加参数校验（可选但推荐）：
  可以在deletePost方法里加个简单的校验，提前拦截错误，避免无效请求：

  public deletePost(_id: string) {
    if (typeof _id !== 'string' || _id.trim() === '') {
      throw new Error('Post ID必须是非空字符串，请检查传参');
    }
    return this.webService.delete(`delete-post/${_id}`);
  }
  

• 确认后端路由匹配：
  顺便检查下后端的DELETE路由是不是/delete-post/:id这种格式（:id是对应前端传入的_id占位符），确保前后端路径结构一致，避免因为路由定义不匹配导致的404。

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