Création une page d'identification en vuejs qui déboucherait sur le front-end de chaque rôle

Bonjour,

Je ne suis pas sûr de comment m'y prendre.

Suivant le diagramme d'utilisation (USE CASE) du lien suivant :
https://dzone.com/articles/vuejs-amp...authentication

J'arrive à créer un formulaire d'identification (login form) qui envoie via axios une requête d'authentication.
La seul chose que j'obtiens en retour est une redirection (code 302) vers la page de login à cause du résultat de la fonction getLoginUrl de src/Security/xxxAuthenticator.php .

Comment configurer security.yaml pour que l'identification se fasse via axios et non pas via un formulaire html classique qui demande une page en retour.

Il y a une histoire de JWT (pour json web token) nécessaire ou gadjet ?

J'aimerais obtenir le comportement suivant :
J'affiche un formulaire d'identification en vue puis son remplissage et validation lance une requête axios.
Le serveur répond en json en cas d'erreur de saisie ou sinon fournie les informations minimum de l'utilisateur.
Le front end affiche les pages spécifique au rôle de l'utilisateur. (pages déjà codé mais tout mis ensemble pour l'instant)

Les versions que j'utilise symfony 5.4 / vue 2.x / Vuetify.

Merci par avance pour le temps et l’énergie consacré à cette demande.