我在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.delete(URL, {
headers: {
Authorization: authorizationToken
},
data: {
source: source
}
});
delete传递一个url和一个可选配置。
axios.delete (url(配置)
配置可用的字段可以包括头信息。
这使得API调用可以写成:
const headers = {
'Authorization': 'Bearer paperboy'
}
const data = {
foo: 'bar'
}
axios.delete('https://foo.svc/resource', {headers, data})
我也遇到过同样的问题…… 我通过创建一个自定义axios实例解决了这个问题。并使用它来进行身份验证删除请求..
const token = localStorage.getItem('token');
const request = axios.create({
headers: {
Authorization: token
}
});
await request.delete('<your route>, { data: { <your data> }});
对于删除，您将需要按照以下步骤进行操作
axios.delete("/<your endpoint>", { data:<"payload object">})
这对我很管用。
对于Axios DELETE Request，您需要在一个JSON对象下包含请求有效负载和头部:
axios.delete(URL, {
headers: {
'Authorization': ...
},
data: {
"username": ...
}
})
为什么我不能这样做，因为我做类似的POST请求?
查看Axios文档，我们看到.get、.post…有不同的签名:
axios.get(url[, config])
axios.delete(url[, config])
axios.head(url[, config])
axios.options(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.patch(url[, data[, config]])
注意只有post, patch和put有data参数。这是因为这些方法通常包含一个主体。
查看RFC7231，我们看到DELETE请求不需要有body;如果您包含一个主体，那么它的含义在规范中没有定义，服务器也不需要理解它。
DELETE请求消息中的有效负载没有定义的语义;在DELETE请求上发送有效负载主体可能会导致某些现有实现拒绝该请求。
(此处第5段)。
在这种情况下，如果您还控制着服务器，那么您可以决定在请求中接受这个主体，并给它任何您想要的语义。也许你正在与别人的服务器合作，他们期望这个身体。
因为规范中没有定义带主体的DELETE请求，而且它们并不常见，所以Axios没有将它们包含在这些方法别名中。但是，因为它们是可能的，你可以做到，只是需要多一点努力。
我认为这将是更传统的包括url上的信息，所以你会这样做:
axios.delete(
`https://example.com/user/${encodeURIComponent(username}`,
{ headers: ... }
)
或者，如果您希望能够使用不同的标准删除用户(有时通过用户名，或通过电子邮件，或通过id…)
axios.delete(
`https://example.com/user?username=${encodeURIComponent(username)}`,
{ headers: ... }
)
