Axios 如何发送 FormData 的 POST 请求？

Question

吾辈测试的时候使用 fetch 调用能够正常执行，但前端使用 Axios 进行对接时却出现了问题。。。

fetch

var fd = new FormData()
fd.append('phone', '12345678910')
fetch(ctx + '/direct/user/sendCode', {
  method: 'post',
  body: fd,
})
  .then(res => res.json())
  .then(json => {
    console.log(json)
    register(json.data)
  });

Axios

axios.post(ctx + '/direct/user/sendCode', {
  phone: '12345678910'
})
  .then(res => console.log(res.data))

但下面的 Axios POST 请求时 headers 中 Content-Type: application/json;charset=UTF-8，Fetch 请求时的 headers 中 Content-Type: multipart/form-data; boundary=----WebKitFormBoundary9yC0IqgL9oNvL7nL，Axios 应该怎么改呢？

附：Java 接口大概是这个样子的

@PostMapping(GlobalConstant.DIRECT_PATH + "/user/sendCode")
public JsonResult sendCode(User user) {
    return null;
}

或者有更好的请求方法呢？╰(　´◔　ω　◔ `)╯

Answer 1

有两种方式解决，你可以参考我的这篇文章，都能解决你的问题
axios发送请求问题

Answer 2

var formData = new FormData(form)
formData.append('phone', '12345678910');

axios({
        method: 'post',
        url: '',
        data: formData
    })
    .then(res => console.log(res.data))

Answer 3

var params = new FormData();
params.append('phone', '12345678910');

axios.post(ctx + '/direct/user/sendCode', params,{
    headers:{
       "Content-Type": "multipart/form-data" 
    }
})
  .then(res => console.log(res.data))

Answer 4

我也出现了同样的问题， 老铁有解决方案吗 ？