Comment transmettre les paramètres de requête avec les requêtes HTTP POST Axios ?

Paramètres de requête Axios avec requêtes HTTP POST

Lors de la publication de données sur une API à l'aide d'Axios, les paramètres de requête peuvent être utilisés pour spécifier des informations supplémentaires. Cependant, les utilisateurs peuvent rencontrer des problèmes lorsqu'ils tentent de transmettre de tels paramètres.

Problème :
Une application React Native utilisant Axios pour publier des données sur une API avec des paramètres de requête a rencontré une erreur 400 en raison à un format de paramètre de requête non valide. La méthode de publication utilisée était :

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

Solution :
Le problème réside dans la signature de la méthode de publication d'Axios. Pour transmettre des paramètres de requête, ils doivent être inclus dans le troisième paramètre dans le cadre d'un objet params. Le code correct doit être :

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

Cela entraînera un corps de requête POST vide avec les deux paramètres de requête inclus dans l'URL :

POST
http://localhost:8000/api/mails/users/sendVerificationMail?mail=lol%40lol.com&firstname=myFirstName

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!