Vue JS和Node JS中如何通过axios发送formData？

Question

Api.Js --> 这是 Api 的连接器（Node Js）

import axios from 'axios'

export default () => {
    return axios.create({
        baseURL: "http://localhost:4040",
        credentials: true
        //WithCredential: true
        //WithCredentials : true
    })
}

PageService.js

import Api from "@/services/Api";

export default{
    threadSubmit(params) {
        return Api().post("page/threadSubmit", params);
    },
    // threadSubmit(params) {
    //     return Api().post("page/threadSubmit", params, {
    //         headers: {
    //             'Content-Type': 'multipart/form-data'
    //         }
    //     });
    // }
}

页面.vue

<script>
   import PageService from "@/services/PageService";
   export default{
      methods:{
         async feedFinalSubmit(){
            const formData = new FormData();
            formData.append("files", this.file);
            formData.append("description", this.thread.description);
            formData.append("pageID", this.$route.params.id);

            const response = await PageService.threadSubmit({
               pageID: this.$route.params.id,
               description: this.thread.description,
               files: formData
            });
            if (response.data.success){
               //do somethnig
            }
         }
      }
   }
</script>

问题是，在每个请求中#FormData 发送空结果。 我应该怎么做才能使用该 Api.js 文件发送多部分表单数据？ 提前谢谢你。

Answer 1

试试这个代码。

import axios from 'axios'

export default () => {
    return axios.create({
        baseURL: "http://localhost:4040",
        credentials: true,
        headers :{
           'Content-Type': undefined
        }
        //WithCredential: true
        //WithCredentials : true
    })
}


 async feedFinalSubmit(){
            const formData = new FormData();
            formData.append("files", this.file);
            formData.append("description", this.thread.description);
            formData.append("pageID", this.$route.params.id);

            const dict = {};
            dict['pageID']=this.$route.params.id;
            dict['description']=this.thread.description;

            const blob = new Blob([dict], {
                        type: 'application/json'
                        });
            formData.append("JsonData", blob); 
            const response = await PageService.threadSubmit(formData);
            if (response.data.success){
               //do somethnig
            }
         }