如何从Vue.js axios post中获得Laravel中的JSON？

Question

我有这样的vuex商店，我想把它发送到后endpoint击。

 order: {
        delivery_id: null,
        user_id: null,
        is_active: true,
        bill: null,
        name: null,
        surname: null,
        father_name: null,
        phone: null,
        payment_type: 'cash',
        delay: null,
        cashback_paid: null,
        card: null,
        payment_screenshot: null,
        cart: null,
    }

在vue组件中，我有以下方法：

sendOrder() {
  let order = this.$store.state.order.order;
  console.log(order)

  axios
    .post('/api/products', order, {
      header: {
        'Content-Type': 'application/json'
      }
    })
    .then((response) => {
      console.log(response);
    })
    .catch((error) => {
      console.log(error);
    })
}

这是我非常简单的Laravel控制器：

$test = json_decode($request->getContent(), true);

$test = $test['payment_type'];

return response($test);

Answer 1

我认为，在axios中使用order之前，应该对JSON数据进行字符串化：

let order = JSON.stringify(this.$store.state.order.order);

第二部分回答后的一些评论：

您确定路由文件吗？我将使用声明的函数（例如mytest）从web.php文件（同一个文件夹）调用控制器，如下所示：

Route::post('/api/products', 'ProductController@mytest');

public function mytest()
{
    $test = json_decode($request->getContent(), true);
    $test = $test['payment_type'];
    return response($test);
}