Wie übergebe ich Abfrageparameter mit Axios für POST-Anfragen in React Native?

Abfrageparameter mit Axios veröffentlichen

Bei der Interaktion mit APIs müssen Sie möglicherweise Abfrageparameter übergeben, um die Anfrage zu filtern oder zu ändern. Sehen wir uns an, wie Sie dies mithilfe der Axios-Bibliothek erreichen können.

In Ihrer React Native-Anwendung tritt ein 400-Fehler auf, wenn Sie versuchen, Abfrageparameter an einen API-Endpunkt zu übergeben. Die Fehlermeldung weist darauf hin, dass die Abfrageparameter ungültig sind.

Das Problem liegt in der Signatur der Post-Methode von Axios. Anders als bei PostMan oder Insomnia müssen Sie ein zusätzliches drittes Argument angeben, um die Abfrageparameter anzugeben. Dieses Argument ist ein Objekt mit Schlüssel-Wert-Paaren, die die Abfrageparameter darstellen.

Um diesen Fehler zu beheben, können Sie Ihren Code wie folgt ändern:

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

Indem Sie null als zweites Argument übergeben Durch die Bereitstellung der Abfrageparameter im dritten Argument weisen Sie Axios an, einen leeren Textkörper zu senden und die angegebenen Abfrageparameter in die Anforderungs-URL aufzunehmen.

Dies führt zu einer POST-Anfrage mit dem folgenden Format:

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

Ich hoffe, dies hilft Ihnen, Ihr Problem zu lösen und Abfrageparameter effektiv mit Axios in Ihrer React Native-Anwendung zu übergeben.

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