在使用axios API Rest发送multipart/form-data时,需要使用FormData对象将表单数据包装起来,否则可能会发送空数据。示例代码如下:
// HTML表单
// JS代码
const formData = new FormData();
formData.append('firstName', 'John');
formData.append('lastName', 'Doe');
formData.append('avatar', file);
axios.post('/api/user', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
在上面的示例代码中,我们首先创建了一个FormData对象,并使用append方法添加了表单数据。然后使用axios API Rest发送POST请求,第二个参数是FormData对象实例,第三个参数设置Content-Type为multipart/form-data。这样就可以确保发送的数据正常而不是空数据了。