我做删除功能删除横幅图像.我创建了一个删除函数,如下所示:

    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)

the pic from swagger enter image description here

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

推荐答案

Axios accepts two parameters: url and optional config. You can use config.data to set the response body as follows:
Refer : https://github.com/axios/axios/issues/897

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

Javascript相关问答推荐

为什么从liveWire info js代码传递数组我出现错误?

我应该在redux reducer中调用其他reducer函数吗?

警告!合同执行期间遇到错误[执行已恢复](Base Layer 2)

防止用户在selectizeInput中取消 Select 选项

我不知道为什么setwritten包装promise 不能像我预期的那样工作

WebRTC关闭navigator. getUserMedia正确

为什么promise对js中的错误有一个奇怪的优先级?

我的服务工作器没有连接到我的Chrome扩展中的内容脚本.我该怎么解决这个问题?

在使用HighChats时如何避免Datatables重新初始化错误?

从包含数百行的表中获取更改后的值(以表单形式发送到后端)的正确方法是什么?

IF语句的计算结果与实际情况相反

在FAQ Accodion应用程序中使用React useState时出现问题

SPAN不会在点击时关闭模式,尽管它们可以发送日志(log)等

用于部分字符串的JavaScript数组搜索

Next.js无法从外部本地主机获取图像

将延迟加载的模块转换为Eager 加载的模块

当一条路由在Reaction路由中命中时,如何有条件地渲染两个组件或更改两个插座?

带元素数组的Mongo聚合

Google OAuth 2.0库和跨域开放程序的问题-策略错误

我在JS代码中收到超过最大调用堆栈大小的错误,但我找不到原因.有谁能帮我搬一下吗?