415 reactjs中不支持的媒体类型

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）

图片来自招摇

当我尝试删除时，我收到错误 415 Unsupported Media Type，我不确定出了什么问题。 发布横幅图像的发布方法在我成功发布但删除有问题的fromdata中

Answer 1

Axios 接受两个参数： url和可选的config 。 您可以使用config.data来设置响应正文，如下所示：
参考： https ://github.com/axios/axios/issues/897

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