Reactjs 415 不支持的媒体类型

Question

我正在执行删除功能来删除横幅图像。我创建了一个删除函数，如下所示：

    const [del, setDel] = useState([]);

    const DeleteBanner = async (banner) => {
        setDel(banner);
        console.log(del);
        Axios.delete(`/shop/${shopID}/banners`, del)
          .then((res) => {
            if (res.status === 200) {
              setMessage({
                data: `${res.data.MESSAGE}`,
                type: "alert-success",
              });
              onShowAlert();
            }
          })
          .catch((err) => {
            setMessage({
              data: err.response.data.MESSAGE,
              type: "alert-danger",
            });
            setLoading(false);
            onShowAlert();
          });
      };
return (
<div className="">
                {shopData.data.ShopBanner.map((banners) => (
                  <Col
                    md="6"
                    xs="12"
                    className="p-0 m-0"
                    key={`img-${banners}`}
                    href="#pimage"
                  
                  >
                    <img
                      className="border border-white"
                      key={`img-${banners}`}
                      src={`/api/v2/public/Shop/${shopID}/banner/${encodeURIComponent(
                        banners
                      )}`}
                      style={{ padding: "5px" }}
                      width="100%"
                      height="100%"
                      alt="banner"
                    />
                    <Button
                      className="btn-link"
                      value={banners}
                      onClick={(e) => {
                        DeleteBanner(e.target.value);
                      }}
                    >
                      Delete
                    </Button>
                  </Col>
                ))}
              </div>
)

然后我显示数据库中的横幅图像并添加删除按钮，将值设置为横幅（这是图像 id ）

图片来自 swagger

当我尝试删除时，收到错误 415 不支持的媒体类型，我不确定出了什么问题。发布横幅图像的 post 方法位于 fromdata 中，我成功发布但在删除时遇到问题

Answer 1

Axios 接受两个参数：url和 可选的config。您可以config.data按如下方式设置响应正文：
请参阅：https://github.com/axios/axios/issues/897

axios.delete(URL, {
  headers: {
    'Accept': 'application/json'
  },
  data: del
});