使用Axios将文件从Vuex发送到后端

时间:2019-08-20 14:23:00

标签: laravel vue.js axios vuex

我有一个vuex,它存储的信息很少,也存储着用户上传的文件。现在,我尝试使用axios将所有vuex数据发送到后端以进行处理,但由于某种原因,文件数组为空。

但是当我在VueDevTools中看到时,处于vuex状态的文件对象。

这是我的axios电话,它不是我要发送的图像。

axios.post('/admin/form/saveForm',{
    data : this.$store.getters.getEditCollector,
    formData: this.$store.getters.getCollector,
    formName : this.formName,
    task: this.task,
    id: this.formEntryId,
    formId: this.formId,
    headers: {
        'Content-Type': 'multipart/form-data'
    }
})
.then(response => {})
.catch(error => {});

我的Vuex在快照下方。enter image description here

我们可以看到,徽标状态具有一个File Object,但是当后端(PHP- Laravel)接收到请求时,它是一个空数组。

这是怎么了?有人可以指出错误吗?

EDIT1:添加了网络有效负载

enter image description here

EDIT2:添加了后端代码-Laravel

public function saveForm(Request $request){
    // form data here has logo but empty array  <------
    $formData = $request->input('data');

    $wholeFormData = $request->input('formData');
    $this->formID = $request->input('formId');

    ....
    ...
}

0 个答案:

没有答案