在 API 我无法访问我在 vue js 创建的 FormData object

Question

如果我只发送图片我可以访问它，但问题是我需要发送一些标题、子标题和文本。

我的表单标签：

<form @submit.prevent="handleFormSubmit" method="POST" enctype="multipart/form-data">

我的博客数据是这样的：

   blog:{
                postTitle: '',
                sectionTitles:[
                    {
                        sectionTId: 0,
                        title: ''   ,
                        belongsTo: '' 
                    },
                    
                ],
                images: [
                    {
                        // imageId: 0,
                        // belongsTo:''
                    }

                ],
                textareas: [
                    {
                        textareaId:0,
                        text: '',
                        belongsTo:''
                    },

                ]

            },

这是我的提交：

async handleFormSubmit(){
    let data = new FormData();
    data.append('blog',this.blog)
    await this.setCreatePost(data)
},

在 Laravel 我只是 return 请求：

return $request['blog'];

然后我得到：

data: "[object Object]"

Answer 1

data.append('blog',JSON.stringify(this.blog))

在 API 我无法访问我在 vue js 创建的 FormData object

At API I can't access FormData object that I have created At vue js

api

form-data

vuejs2

laravel-8