[ BUG ] 踩坑 Axios Delete 请求传参

本文介绍: 在 `POST` 请求中，我们可以直接将数据对象作为第二个参数传递给 `Ax ios`，因为 `POST` 请求通常包含请求体。但是在 `DELETE` 请求中，我们需要使用对象字面量套一个自定义的 `data` 作为第二个参数，并使用 `data` 字段指定数据。

踩坑 Axios De let e 请求 传参

问题 描述

今天在写前后端交互时，我想将 data 数据通过 delete 进行传参 axios.delete("/info", data)，但是发现后端一直提示参数错误，我看了看代码也没错啊。跟 post、patch 一样的写法为什么会出现参数错误。然后花了大量时间检查代码，最终还是不行。

无奈我只能在网上寻找答案，最后才发现是因为 Delete 本身的问题，下面是问题的解决办法：

解决办法

我们将数据对象 data 作为第二个参数直接传递给 Axios 的 post 方法。Axios 会将该对象自动转换为请求体，并发送到服务器上。

const text = async () =&gt; {
  // 请求Post
  await axios.post("/info", data)
  // 请求Patch
  await axios.patch("/info", data)

  // 请求Delete
  await axios.delete("/info", data) // 错误写法
}

然而，对于 DELETE 请求，情况略有不同。根据 RESTful API 设计，DELETE 请求通常不包含请求体，而是将数据放在请求 URL 中。但是，一些后端框架默认不解析 DELETE 请求的请求体，因此如果需要在 DELETE 请求中使用请求体，我们需要通知后端框架解析请求体数据。