Angular2 中 Http.DELETE 请求的正文

我正在尝试与 Angular 2 前端的某种 RESTful API 进行交互。

要从集合中删除某些项目，除了删除的唯一 id（可以附加到 url 中）之外，我还需要发送一些其他数据，即身份验证令牌、一些集合信息和一些辅助数据。

我发现最直接的方法是将身份验证令牌放入请求标头中，并将其他数据放入正文中。

然而，Angular 2 的 Http 模块不太赞成带有正文的 DELETE 请求，并尝试发出此请求

let headers= new Headers();
headers.append('access-token', token);

let body= JSON.stringify({
    target: targetId,
    subset: "fruits",
    reason: "rotten"
});

let options= new RequestOptions({headers:headers});
this.http.delete('http://testAPI:3000/stuff', body,options).subscribe((ok)=>{console.log(ok)}); <------line 67

给出这个错误

app/services/test.service.ts(67,4): error TS2346: Supplied parameters do not match any signature of call target.

现在，我在语法方面做错了什么吗？我很确定 RFC 支持 DELETE body

有更好的方法来发送这些数据吗？

或者我应该把它转储到标题中然后就到此为止？

任何有关这个难题的见解将不胜感激

The http.delete(url, options)确实接受一个身体。您只需将其放入选项对象中即可。

http.delete('/api/something', new RequestOptions({
   headers: headers,
   body: anyObject
}))

Reference options interface: https://angular.io/api/http/RequestOptions https://angular.io/api/http/RequestOptions

UPDATE:

上面的代码片段仅适用于 Angular 2.x、4.x 和 5.x。

对于 6.x 及以上版本，Angular 提供 15 种不同的重载。在这里检查所有重载：https://angular.io/api/common/http/HttpClient#delete https://angular.io/api/common/http/HttpClient#delete

使用示例：

const options = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json',
  }),
  body: {
    id: 1,
    name: 'test',
  },
};

this.httpClient
  .delete('http://localhost:8080/something', options)
  .subscribe((s) => {
    console.log(s);
  });