Php Laravel VueJS Axios向控制器发送阵列

我有一个使用VueJS 2.0作为前端的laravel 5.4应用程序

我试图在页面上填充后将访问者数组发布到控制器，但当我从控制器返回数组时，数据不在那里

我一辈子都看不出我做错了什么？有趣的是，如果我发送两个访问者，我会从我的控制器返回两个空数组，因此访问者的数量是正常的，只是没有捕获数据

我的vue实例

  <script>
    new Vue({

    el: '#app',

    data: {
        visitors: [],
        visitor: [],
    },

    methods: {
        addVisitor() {
            this.visitors.push(this.visitor);
            this.visitor = [];
        },

        storeVisit()
        {
          axios({
            method: 'post',
            url: '/visit/new',
            data: {
              visitors: this.visitors
            }
          });
        }
    },

});
  </script>

我的回答

{“访客”：[[]，[]}

---

visitor

应该是对象，而不是数组

data: {
    visitors: [],
    visitor: {}, // <- object here
},

数据：{
访客：[]，
参观者：{}//
<button class="button is-primary" @click="storeVisit">Save Visit</button>

public function store(Request $request)
    {
        return $request->visitors;
    }

data: {
    visitors: [],
    visitor: {}, // <- object here
},

addVisitor() {
    this.visitors.push(this.visitor);
    this.visitor = {}; // <- reset to an empty object
},