如何解决发布FormData以在Vuejs中上传图像文件时的空白有效载荷
当我在Vuejs axios中发布FormData时,有效负载为空白。 控制台如下图所示:
代码如下:
savePersonalData ({ commit },payload) {
const { id,name,surname,cpf,sex,date_of_birth,telephone,whatsapp,email,photo } = payload.userDetails
let formData = new FormData()
formData.append('name',name)
formData.append('surname',surname)
formData.append('cpf',cpf)
formData.append('sex',sex)
formData.append('date_of_birth',date_of_birth)
formData.append('telephone',telephone)
formData.append('whatsapp',whatsapp)
formData.append('email',email)
formData.append('photo',photo)
return new Promise((resolve,reject) => {
axios.post(`/api/savePersonalData/${id}`,formData,{
headers: {
'Content-Type': 'multipart/form-data'
}
}
)
.then(response => {
// Update data in localStorage
commit('UPDATE_USER_INFO',response.data,{root: true})
resolve(response)
})
.catch(error => { reject(error) })
})
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。