axios post请求发送表单数据

Question

axiospost请求点击控制器上的url，但将空值设置到POJO类中，当我使用chrome中的开发人员工具时，有效负载包含数据。我做错了什么？

Axios POST请求：

var body = {
    userName: 'Fred',
    userEmail: '[e-mail]'
}

axios({
    method: 'post',
    url: '/addUser',
    data: body
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

浏览器响应：

headers:{
  Content-Type:'multipart/form-data'
}

过帐多部分/表单数据时出错。Content-Type标头缺少边界

谁能解释一下如何设置边界或者我如何使用Axios发送表单数据。

Answer 1

您可以使用FormData（）发布axios数据，如下所示：

var bodyFormData = new FormData();

然后将字段添加到要发送的表单中：

bodyFormData.append('userName', 'Fred');

如果要上载图像，则可能希望使用.append

bodyFormData.append('image', imageFile); 

axios({
  method: "post",
  url: "myurl",
  data: bodyFormData,
  headers: { "Content-Type": "multipart/form-data" },
})
  .then(function (response) {
    //handle success
    console.log(response);
  })
  .catch(function (response) {
    //handle error
    console.log(response);
  });