使用element+axios上传表单对象出现问题

图片说明这是axios中的参数,查看头,发现每个属性前面都多一个form图片说明,这是什么问题呢,是因为我的写法是对象包对象吗,应该如何解决?

参考GPT和自己的思路:

根据你提供的截图来看,这个问题可能是因为你在使用axios上传表单对象时,没有正确设置请求头的Content-Type。推荐使用multipart/form-data格式来上传数据时,需要设置Content-Type为multipart/form-data。而在通过对象传递参数时,可以使用FormData来处理。

我建议你进行如下操作来解决问题:

1.使用FormData对象来创建表单数据。比如这样:

let form = new FormData();
form.append('file', fileObj);       //添加文件对象
form.append('data', JSON.stringify(dataObj)); //添加其他数据

2.设置请求头的Content-Type为multipart/form-data。比如这样:

axios.post(url, form, {
    headers: {
        'Content-Type': 'multipart/form-data'
    }
}).then(...).catch(...);

这样应该就能避免在发送请求时出现缺少表单数据的问题了。