Wie übergebe ich Abfrageparameter mit Axios HTTP POST-Anfragen?

Axios-Abfrageparameter mit HTTP-POST-Anfragen

Beim Posten von Daten an eine API mit Axios können Abfrageparameter verwendet werden, um zusätzliche Informationen anzugeben. Beim Versuch, solche Parameter zu übergeben, können Benutzer jedoch auf Probleme stoßen.

Problem:
Eine React Native-Anwendung, die Axios verwendet, um Daten mit Abfrageparametern an eine API zu senden, hat einen 400-Fehler festgestellt auf ein ungültiges Abfrageparameterformat. Die verwendete Post-Methode war:

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

Lösung:
Das Problem liegt in der Signatur der Post-Methode von Axios. Um Abfrageparameter zu übergeben, müssen diese im dritten Parameter als Teil eines params-Objekts enthalten sein. Der korrekte Code sollte wie folgt lauten:

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

Dies führt zu einem leeren POST-Anfragetext mit den beiden in der URL enthaltenen Abfrageparametern:

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

Das obige ist der detaillierte Inhalt vonWie übergebe ich Abfrageparameter mit Axios HTTP POST-Anfragen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!