Building with Vue Cli App and remote PHP api

I'm working on a project that uses Vue Cli and PHP

my folder structure :

[ folder structure ][] -admin and client contain admin interface and user interface built with vue cli respectively.

Admin has access to modify content loaded into client template when logged in.

How do I connect the admin with the php api in development and production such that no route can be accessed in the admin page if the admin is not logged in.

such that if I visit http://localhost:3001/admin/dashboard i will be redirected to http://localhost:3001/admin/ which is the login route.

my php runs on http://localhost:3000/

Solution

Approach : Using Role and JWT you can restrict the routes .

Ref Here: https://medium.com/@ripoche.b/create-a-spa-with-role-based-authentication-with-laravel-and-vue-js-ac4b260b882f