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

Question

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

Answer 1

参考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(...);

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