VUEJS 3 Jwt 20/39 - Axios et interceptor

Développer un applicatif web avec le framework VueJS 3.

Bien maintenance que nos service sont en place regardons un peu plus Axios.

Si on se rappel bien une fois la conneixon faite avec l'API chaque ressources protégée doient être appelées avec le token.

Avec fetch on aurait pu le faire mais il aurait fallu y penser à chaque fois.

Il y plsu pratique. Axios dispose d'un intercepteur qui permet d'attraper une requête avant qu'elle sorte de notre Vue, d'y injecter le token et de relacher la requête. Tout seul comme un grand ;)

👀 Dépôt Github

[ExtReMLapin]

Merci pour cette vidéo, ceci dit la fonction "is logged in" est factuellement fausse, elle te dit si tu as un token stocké, pas si tu est connecté ("être connecté" ne veut rien dire en stateless JWT), ou si ton token est encore valide.