Best practices: Vue.js -> Laravel AJAX API resources

Posted 3 months ago by InToSSH

Hi, I am currently trying to learn Vue.js and I would just like to ask you for your opinion / best practices / how do you do it, when I need to fetch some data from Laravel.

For example I want to populate a Products table in Vue component, so I make an AJAX request using Axios, but now how do you handle it on the Laravel side? I would like to have the routes separate from the normal request routes (not using Vue-router), so only the data will be fetched using Axios.

Do you use a Resource (make:resource) to get the data and normal controller to edit/store them? Do you create a separate Resource controller (make:controller --resource) in App\Http\Controllers\Api for API calls ? Do you mix them together with normal routes (also for serving blade views for pages)? Or do you have a different approach?

I know that when I create a resource controller I have all the methods for GET requests to show the page (using Blade view) as well as POST/PUT requests which I can call from Axios to store the changes, but I don't quite like the idea of having all of them together.

Thanks for any ideas.

Please sign in or create an account to participate in this conversation.

Reply to

Use Markdown with GitHub-flavored code blocks.