Axios HTTP POST リクエストでクエリパラメータを渡すにはどうすればよいですか?

HTTP POST リクエストでの Axios クエリ パラメーター

Axios を使用して API にデータを送信する場合、クエリ パラメーターを使用して追加情報を指定できます。ただし、そのようなパラメーターを渡そうとすると、ユーザーが問題に遭遇する可能性があります。

問題:
Axios を使用してクエリ パラメーターを持つ API にデータを送信する React Native アプリケーションで、次の原因による 400 エラーが発生しました。無効なクエリパラメータ形式です。使用された post メソッドは次のとおりです:

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

解決策:
問題は Axios の post メソッドのシグネチャにあります。クエリ パラメータを渡すには、クエリ パラメータを params オブジェクトの一部として 3 番目のパラメータ内に含める必要があります。正しいコードは次のとおりです:

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

これにより、URL に 2 つのクエリ パラメーターが含まれる空の POST リクエスト本文が生成されます:

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

以上がAxios HTTP POST リクエストでクエリパラメータを渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。