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

Question

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

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

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 发布调用？现在，我在事件控制器中创建事件，在参与者控制器中创建参与者，然后在事件控制器中配对参与者。配对必须在创建所有参与者后完成。

谢谢！

Answer 1

使用 axios 最小化 AJAX 调用的数量实际上取决于您自己的数据需求。还可以使用视图边栏选项卡将 JSON 回显到页面中，以便 Javascript 选取。

如果要限制要创建的路由数，请查看 Graph QL 和此库等解决方案。