javascript - 如何在捕获时获取 axios 错误发布/请求有效负载

Question

当我捕获到 axios 错误时，我如何获取请求正文？ (我发送到服务器的内容，而不是服务器响应)

我想要实现的例子

axios.post("url",{
    name:jesus
}).then((response) => {
    ....
}).catch((error) => {
    console.log(error.request.body)  //name:jesus
})

Answer 1

您可以通过error.config.data 访问原始请求数据。请注意，它将是序列化格式(在您的情况下为 JSON)，因此您可能需要将其解析回 JS 对象。

axios
  .post("http://httpbin.org/status/400", {
    name: "jesus",
  })
  .then((res) => {
    console.log("response", res);
  })
  .catch((error) => {
    const data = JSON.parse(error.config.data);
    console.error("request data", data);
  });

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>