L01 — Exercices Axios
10 exercices progressifs · Validation en temps réel · Solutions incluses
GET Simple
Effectuez une requête GET vers https://jsonplaceholder.typicode.com/posts
avec axios.get() et affichez le résultat avec console.log().
Utilisez .then() ou async/await.
GET avec paramètres
Récupérez les posts avec une limite de 5 résultats en passant
{ params: { _limit: 5 } } comme 2ème argument à axios.get().
POST — Créer une ressource
Créez un nouveau post avec axios.post() vers /posts.
Passez un objet { title, body, userId } en 2ème argument.
PUT — Mettre à jour
Mettez à jour entièrement le post d'ID 1 avec axios.put()
vers /posts/1. Passez l'objet complet mis à jour.
DELETE — Supprimer
Supprimez le post d'ID 1 avec axios.delete() et vérifiez
le statut de la réponse (response.status).
Gestion d'erreurs
Entourez votre requête avec try/catch et gérez l'erreur en accédant à
error.response.status ou error.message.
Instance axios.create()
Créez une instance Axios avec axios.create() en configurant
baseURL et timeout. Utilisez l'instance pour une requête.
Intercepteur de requête
Ajoutez un intercepteur avec axios.interceptors.request.use()
qui injecte un header Authorization: Bearer ... à chaque requête.
Intercepteur de réponse
Créez un intercepteur de réponse avec axios.interceptors.response.use()
qui logue chaque réponse. N'oubliez pas de return response dans le callback.
Requêtes parallèles
Exécutez au moins 2 requêtes axios.get() en parallèle avec
Promise.all([...]) et affichez les résultats.