How to make an API in the Laravel + Vue bundle?

Question

API

I'm making an app that uses Vue. The page should receive the necessary data depending on the routing. The question arose: how to do it right? Those. if the page needs to be updated, for example, 5 components, then each of them will knock on the server API. And if there are 1000 or more clients at the same time? Then more than 5000 requests will be created to form one page. How are such APIs generally implemented? I have an idea like this: in Vuex there is a module, for example, pages, which will make 1 request to the API and scatter the incoming data to other modules. Do they do this with Vue routing?

Answer 1

I have an idea like this: in Vuex there is a module, for example, pages, which will make 1 request to the API and scatter the incoming data to other modules. Do they do this with Vue routing?

Hm.
And how will these endpoints look like in the API?

GET /api/pleaseGiveMeAllDataForPageOne
GET /api/pleaseGiveMeAllDataForPageTwo

Some kind of garbage .. How then to test this API?
And also extra, completely unnecessary Controllers / methods in the backend.

Answer 2

You can collect data in Laravel and send it using a separate method.