我在ReactJS中编程时使用Axios，我假装向服务器发送DELETE请求。
要做到这一点，我需要头文件:
headers: {
'Authorization': ...
}
而身体是由
var payload = {
"username": ..
}
我一直在网上搜索，只发现DELETE方法需要一个“参数”，不接受“数据”。
我一直想这样发送
axios.delete(URL, payload, header);
甚至
axios.delete(URL, {params: payload}, header);
但似乎什么都不管用……
有人能告诉我，如果这是可能的(我假设是)发送一个删除请求与头部和主体，以及如何这样做?
当前回答
如果我们有:
myData = { field1: val1, field2: val2 }
我们可以将数据(JSON)转换为字符串，然后将其作为参数发送到后端:
axios.delete("http://localhost:[YOUR PORT]/api/delete/" + JSON.stringify(myData),
{ headers: { 'authorization': localStorage.getItem('token') } }
)
在服务器端，我们得到我们的对象:
app.delete("/api/delete/:dataFromFrontEnd", requireAuth, (req, res) => {
// we could get our object back:
const myData = JSON.parse(req.params.dataFromFrontEnd)
})
注意:2月14日15:49“x4wiz”的答案比我的回答更准确!我的解决方案是没有“身体”(在某些情况下可能会有帮助……)
更新:我的解决方案是不工作时，对象的重量为540字节(15*UUIDv4)和更多(请检查文档的确切值)。“x4wiz”(以及上面的许多其他解决方案)的解决方案要好得多。那么，为什么不删除我的答案呢?因为，它是有效的，但最重要的是，它给我带来了我的Stackoverflow的大部分声誉;-)
其他回答
要通过axios发送带有一些头的HTTP DELETE，我已经这样做了:
const deleteUrl = "http//foo.bar.baz";
const httpReqHeaders = {
'Authorization': token,
'Content-Type': 'application/json'
};
// check the structure here: https://github.com/axios/axios#request-config
const axiosConfigObject = {headers: httpReqHeaders};
axios.delete(deleteUrl, axiosConfigObject);
不同HTTP动词(GET, POST, PUT, DELETE)的axios语法很棘手，因为有时第二个参数应该是HTTP正文，而在其他时候(当它可能不需要时)，您只需将头信息作为第二个参数传递。
然而，假设你需要发送一个没有HTTP正文的HTTP POST请求，那么你需要传递undefined作为第二个参数。
请记住，根据配置对象(https://github.com/axios/axios#request-config)的定义，在调用axios.delete时，仍然可以通过data字段在HTTP调用中传递HTTP主体，但是对于HTTP DELETE谓词，它将被忽略。
第二个参数有时是HTTP主体，有时是axios的整个配置对象，这种混淆是由于HTTP规则是如何实现的。有时HTTP调用被认为是有效的，并不需要HTTP主体。
delete传递一个url和一个可选配置。
axios.delete (url(配置)
配置可用的字段可以包括头信息。
这使得API调用可以写成:
const headers = {
'Authorization': 'Bearer paperboy'
}
const data = {
foo: 'bar'
}
axios.delete('https://foo.svc/resource', {headers, data})
我遇到了同样的问题，我是这样解决的:
axios.delete(url, {data:{username:"user", password:"pass"}, headers:{Authorization: "token"}})
对于删除，您将需要按照以下步骤进行操作
axios.delete("/<your endpoint>", { data:<"payload object">})
这对我很管用。
实际上，axios.delete支持请求体。 它接受两个参数:一个URL和一个可选配置。这是……
axios.delete(url: string, config?: AxiosRequestConfig | undefined)
您可以通过以下方法设置删除请求的响应体:
let config = {
headers: {
Authorization: authToken
},
data: { //! Take note of the `data` keyword. This is the request body.
key: value,
... //! more `key: value` pairs as desired.
}
}
axios.delete(url, config)
我希望这能帮助到一些人!
