reactjs - axios 将数据作为表单数据发布，而不是作为有效负载中的 JSON

Question

我只是在尝试我的第一个 reactJS 应用程序。

因为我使用 axios.post() 方法发送数据。

submitHandler = event => {
  event.preventDefault();
  axios
    .post("http://demo.com/api/v1/end-user/login", {
      username: "",
      password: "",
      user_type: 1
    })
    .then(res => {
      console.log(res);
      console.log(res.data);
    });
}

但是当我检查我的网络选项卡时，我与请求一起发送的数据似乎在有效载荷中。



我想将数据作为表单数据发送。我错过了什么吗？

Answer 1

如果您想将数据作为表单数据而不是有效负载中的 JSON 发送，您可以创建一个 FormData 对象并将其用作第二个参数。

submitHandler = event => {
  event.preventDefault();

  const formData = new FormData();
  formData.append("username", "");
  formData.append("password", "");
  formData.append("user_type", 1);

  axios.post("http://demo.com/api/v1/end-user/login", formData).then(res => {
    console.log(res);
    console.log(res.data);
  });
};