ホームページ  >  記事  >  データベース  >  POSTリクエストでAxiosを使用してクエリパラメータを渡すにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-01 08:47:30421ブラウズ

How to Pass Query Parameters with Axios in a POST Request?

Axios でクエリ パラメータを渡す

クエリ パラメータを必要とする API エンドポイントに POST リクエストを送信する場合、開発者はアクシオスライブラリ。この質問は、Axios ポスト メソッドでクエリ パラメータを正しく渡す問題を解決します。

この問題を解決するには、構成オプションを目的とした Axios ポスト メソッドの 3 番目のパラメータを利用することが解決策です。必要なクエリ パラメータを値として含む params キーを含むオブジェクトを渡すことで、開発者はリクエストとともに送信されるパラメータを指定できます。

たとえば、指定されたコードでは次のようになります。

.post(`/mails/users/sendVerificationMail`, {
  mail,
  firstname
})

データ オブジェクトはリクエスト本文として送信されますが、クエリ パラメータは渡されません。これを修正するには、コードを次のように変更する必要があります。

.post(`/mails/users/sendVerificationMail`, null, { params: {
  mail,
  firstname
}})

この構成では、リクエスト本文が送信されていないことを示すために、2 番目のパラメーターとして null が使用されます。クエリ パラメーターは、3 番目のパラメーターの params オブジェクトを通じて渡されるようになりました。これにより、必要なクエリ パラメータを含む POST リクエストが生成されます。これは、応答で指定された URL の例で確認できます。

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

このアプローチに従うことで、開発者は Axios でクエリ パラメータを正常に渡すことができます。 POST リクエスト。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。