在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Axios 如何發(fā)送 FormData 的 POST 請求？

Axios 如何發(fā)送 FormData 的 POST 請求？

吾輩測試的時候使用 fetch 調(diào)用能夠正常執(zhí)行，但前端使用 Axios 進(jìn)行對接時卻出現(xiàn)了問題。。。

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 應(yīng)該怎么改呢？

附：Java 接口大概是這個樣子的

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

或者有更好的請求方法呢？╰(　′?　ω　? `)╯

回答
編輯回答
別逞強(qiáng)

有兩種方式解決，你可以參考我的這篇文章，都能解決你的問題
axios發(fā)送請求問題

2017年1月28日 07:34
編輯回答
薄荷綠

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))
2017年9月4日 04:43
編輯回答
故林
var formData = new FormData(form)
formData.append('phone', '12345678910');

axios({
        method: 'post',
        url: '',
        data: formData
    })
    .then(res => console.log(res.data))
2017年8月29日 01:14