空对象传入axios - Vue js

wnavrhmk 于 12个月前发布在 iOS

关注(0)|答案(1)|浏览(95)

我从this.productDetails发送一个对象作为axios.post()请求的一部分。在浏览器的网络选项卡中检查有效负载时，我观察到该对象没有任何数据。

以下是Axios的电话：

async addProduct(){
            console.log('product_details', this.productDetails)
            const apiResponse = await axios.post('add_product',{
                productDetails : this.productDetails
            })

            const response = apiResponse.data
        },

字符串
我通过console.log('product_details', this.productDetails)来安慰它，它确实有实际的对象：

这是我的Laravel路由：

Route::post('add_product',[PackageSubscriptionController::class, 'addProduct']);

型

这里是网络：

axios

来源：https://stackoverflow.com/questions/77768943/empty-object-passing-in-axios-vue-js

1条答案

按热度按时间

xwbd5t1u1#

问题出在对象的状态上。我在父组件中将this.productDetails初始化为空数组，然后将其传递给子组件，在子组件中数据将被加载到this.productDetails中，在axios.post中，对象的初始状态是一个空数组。我仍然没有弄清楚如何传递对象的期望状态，我很想知道更多关于国家的事情。所以任何关于国家的参考资料都很受欢迎。

**这是我在axios.post中所做的更改，它对我很有效。**我知道这是一条捷径，但我有一个最后期限要满足，所以我现在就用它。

async addProduct(){
            const data          = this.productDetails
            const apiResponse   = await axios.post('add_product',{
                                        name            : data.name,
                                        description     : data.description,
                                        price           : data.price,
                                        livemode        : data.livemode,
                                        active          : data.active,
                                    })
            const response      = apiResponse.data
        },

字符串

赞(0）回复(0）举报 12个月前

我来回答

空对象传入axios - Vue js

1条答案

相关问题

热门标签

最新问答