我在 ReactJS 中编程时使用 Axios，我假装向我的服务器发送 DELETE 请求。
为此，我需要标题：
headers: {
'Authorization': ...
}
身体是由
组成的var payload = {
"username": ..
}
我一直在互联网上搜索，只发现DELETE方法需要一个“参数”并且不接受任何“数据”。
我一直在尝试这样发送：
axios.delete(URL, payload, header);
甚至
axios.delete(URL, {params: payload}, header);
但似乎没有任何效果......
有人能告诉我是否可以（我想是的）发送一个包含标题和正文的 DELETE 请求以及如何发送？
提前谢谢你！
【问题讨论】：
标签： javascript reactjs http axios http-delete
所以经过多次尝试，我发现它工作正常。
请按照顺序进行这很重要，否则将不起作用
axios.delete(URL, {
headers: {
Authorization: authorizationToken
},
data: {
source: source
}
});
【讨论】：
DELETE 不应该有请求正文。也许那里有什么东西可以防止这种情况发生（因为它应该）
axios.delete 确实支持请求正文。它接受两个参数：url 和可选配置。您可以使用config.data 设置请求正文和标头，如下所示：
axios.delete(url, { data: { foo: "bar" }, headers: { "Authorization": "***" } });
【讨论】：
这里简要总结一下用 axios 发送各种 http 动词所需的格式：
GET: 两种方式
第一种方法
axios.get('/user?ID=12345')
.then(function (response) {
// Do something
})
第二种方法
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
// Do something
})
以上两个是等价的。观察第二种方法中的params关键字。
POST 和 PATCH
axios.post('any-url', payload).then(
// payload is the body of the request
// Do something
)
axios.patch('any-url', payload).then(
// payload is the body of the request
// Do something
)
DELETE
axios.delete('url', { data: payload }).then(
// Observe the data keyword this time. Very important
// payload is the request body
// Do something
)
get 请求可选地需要一个 params 键来正确设置查询参数delete 带有正文的请求需要在 data 键下设置【讨论】：
axios。删除是passed a url and an optional configuration。
axios.delete(url[, config])
字段available to the configuration can include the headers。
这使得 API 调用可以写成：
const headers = {
'Authorization': 'Bearer paperboy'
}
const data = {
foo: 'bar'
}
axios.delete('https://foo.svc/resource', {headers, data})
【讨论】：
const headers = {'Authorization': ...} 和 data = {'username': ...} 以 axios.delete('http://...', {headers, data}) 结尾，但服务器无法访问标题...
对于删除，您需要按照以下步骤进行操作
axios.delete("/<your endpoint>", { data:<"payload object">})
它对我有用。
【讨论】：
我遇到了同样的问题，我就是这样解决的：
axios.delete(url, {data:{username:"user", password:"pass"}, headers:{Authorization: "token"}})
【讨论】：
实际上，axios.delete 支持请求正文。
它接受两个参数：URL 和可选的config。那就是……
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)
我希望这对某人有帮助！
【讨论】：
对于那些尝试了上述所有方法但仍然看不到请求的有效负载的人 - 确保您有：
"axios": "^0.21.1" (not 0.20.0)
那么，上面的解决方案就起作用了
axios.delete("URL", {
headers: {
Authorization: `Bearer ${token}`,
},
data: {
var1: "var1",
var2: "var2"
},
})
您可以使用
访问有效负载req.body.var1, req.body.var2
问题来了：
【讨论】：
如果我们有：
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);
axios 用于不同 HTTP 动词（GET、POST、PUT、DELETE）的语法很棘手，因为有时第二个参数应该是 HTTP 正文，而其他时候（可能不需要它）你只需传递标题作为第二个参数。
但是，假设您需要发送一个没有 HTTP 正文的 HTTP POST 请求，那么您需要传递 undefined 作为第二个参数。
请记住，根据配置对象 (https://github.com/axios/axios#request-config) 的定义，当调用 axios.delete 时，您仍然可以通过 data 字段在 HTTP 调用中传递 HTTP 正文，但是对于 HTTP DELETE 动词它将被忽略。
第二个参数有时是 HTTP 正文，有时是 axios 的整个 config 对象之间的混淆是由于 HTTP 规则的实施方式造成的。有时，HTTP 调用不需要 HTTP 主体即可被视为有效。
【讨论】：
我找到了一种可行的方法：
axios
.delete(URL, {
params: { id: 'IDDataBase'},
headers: {
token: 'TOKEN',
},
})
.then(function (response) {
})
.catch(function (error) {
console.log(error);
});
我希望这对你也有用。
【讨论】：
我遇到了同样的问题... 我通过创建自定义 axios 实例解决了这个问题。并使用它来发出经过身份验证的删除请求..
const token = localStorage.getItem('token');
const request = axios.create({
headers: {
Authorization: token
}
});
await request.delete('<your route>, { data: { <your data> }});
【讨论】：
我尝试了以上所有对我不起作用的方法。我最终只是使用 PUT（找到灵感here），并更改了我的服务器端逻辑以在此 url 调用上执行删除。 （django rest 框架函数覆盖）。
例如
.put(`http://127.0.0.1:8006/api/updatetoken/20`, bayst)
.then((response) => response.data)
.catch((error) => { throw error.response.data; });
【讨论】：
与 axios 无关，但可能会帮助人们解决他们正在寻找的问题。 PHP 在执行删除调用时不解析发布数据。 axios delete 可以通过请求发送正文内容。 示例：
//post example
let url = 'http://local.test/test/test.php';
let formData = new FormData();
formData.append('asdf', 'asdf');
formData.append('test', 'test');
axios({
url: url,
method: 'post',
data: formData,
}).then(function (response) {
console.log(response);
})
result: $_POST Array
(
[asdf] => asdf
[test] => test
)
// delete example
axios({
url: url,
method: 'delete',
data: formData,
}).then(function (response) {
console.log(response);
})
result: $_POST Array
(
)
在 php 中获取删除调用的发布数据：
file_get_contents('php://input');
【讨论】：
axios.post('/myentity/839', {
_method: 'DELETE'
})
.then( response => {
//handle success
})
.catch( error => {
//handle failure
});
感谢： https://www.mikehealy.com.au/deleting-with-axios-and-laravel/
【讨论】：