如何构造后端以最大程度地减少所需的axios调用次数

Question

我正在使用Laravel和VueJs开发应用程序。在此应用程序中，一个人可以创建一个事件并可以创建参与者。参与者有一个名为event_id的外键。在创建活动和参与者之后，我需要将人们的名字配对在一起。

现在在vuejs组件的form方法中，这就是我的代码的结构：

submitForm() {
    //creates events
    axios.post('/api/event/store', this.form)
        .then(response => {
             //creates participants
             axios.post('/api/participant/massStore', {
                participants: this.participantsForm,
                event_id: response.data.id
              }).then(response => {

                  //pairs participants
                  axios.post('/api/event/pairParticipants');
              })
         });
}

我想知道是否有更好的方法可以不必有那么多的axios帖子呼叫？现在，我在EventController中创建事件，在ParticipantController中创建参与者，然后在EventController中将参与者配对。必须在创建所有参与者之后进行配对。

谢谢！

Answer 1

使用axios最小化AJAX调用的数量实际上取决于您自己的数据需求。您还可以将带有视图刀片的JSON回显到页面中，以供Javascript使用。

如果要限制要创建的路由数量，请查看Graph QL and this library之类的解决方案。