Comment transmettre les paramètres de requête avec Axios pour les requêtes POST dans React Native ?

Publication des paramètres de requête avec Axios

Lors de l'interaction avec les API, vous devrez peut-être transmettre des paramètres de requête pour filtrer ou modifier la requête. Explorons comment y parvenir à l'aide de la bibliothèque Axios.

Dans votre application React Native, vous rencontrez une erreur 400 lorsque vous tentez de transmettre des paramètres de requête à un point de terminaison d'API. Le message d'erreur indique que les paramètres de requête ne sont pas valides.

Le problème réside dans la signature de la méthode post d'Axios. Contrairement à PostMan ou Insomnia, vous devez fournir un troisième argument supplémentaire pour spécifier les paramètres de la requête. Cet argument est un objet avec des paires clé-valeur représentant les paramètres de la requête.

Pour résoudre cette erreur, vous pouvez modifier votre code comme suit :

.post(`/mails/users/sendVerificationMail`, null, { params: {
  mail,
  firstname
}})
.then(response => response.status)
.catch(err => console.warn(err));

En passant null comme deuxième argument et en fournissant les paramètres de requête dans le troisième argument, vous demandez à Axios d'envoyer un corps vide et d'inclure les paramètres de requête spécifiés dans l'URL de la requête.

Cela entraînera une requête POST au format suivant :

POST
http://localhost:8000/api/mails/users/sendVerificationMail?mail=[email protected]&firstname=myFirstName

J'espère que cela vous aidera à résoudre votre problème et à transmettre efficacement les paramètres de requête avec Axios dans votre application React Native.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!