带有有效负载的 axios 删除方法

Question

我在我的 react 应用上使用 axios 发送删除请求，我需要发送一个 id 列表作为有效负载，但它返回“415 Unsupported Media Type”。

这是我的代码：

const deviceData = ["31234"];

axios.delete(url, { data: deviceData }).then(res => {
  if (res.status === 200) {
    const pagination = { ...this.state.pagination };
    this.setState({
      loading: false,
      data: res.data.data.devices,
      pagination
    });
  }
});

Answer 1

axiox.delete 确实支持请求正文。它接受两个参数：url 和可选的config。您可以使用config.data 设置响应正文如下：

axios.delete(url, { data: { foo: "bar" } });

更多信息请看这里：https://github.com/axios/axios/issues/897#issuecomment-343715381

或者你可以尝试设置标题：'Content-Type'：'application/json; charset=utf-8'

const deviceData = ["31234"];

axios.delete(url,
  { headers:{'Content-Type': 'application/json; charset=utf-8'} },
  { data: { deviceData: deviceData } }).then(res => {
  if (res.status === 200) {
    const pagination = { ...this.state.pagination };
    this.setState({
      loading: false,
      data: res.data.data.devices,
      pagination
    });
  }
});