axios.post() でクエリ パラメータを送信し、400 エラーを回避する方法

Axios でクエリ パラメータを投稿する方法: 400 エラーを解決する

あなたの目標は、特定のクエリ パラメータ、つまり mail と firstname を使用して API に投稿することです。 PostMan や Insomnia などのツールではスムーズに動作しますが、React Native アプリでは無効なクエリ パラメーターを示す 400 エラーが発生します。

この問題を解決するには、axios の post メソッドの署名を理解してください: axios.post(url[,データ[, 構成]])。ここで重要な手順は、3 番目の構成引数の一部としてクエリ パラメーターを指定することです。

更新されたコードは次のとおりです:

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

空の本体 (null) を渡してパラメーターを設定します。 config オブジェクト内のプロパティを使用して、データをクエリ パラメーターとして送信するように Axios に指示します。結果の POST リクエストには、クエリ パラメータが追加された予期される URL が含まれます:

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

以上がaxios.post() でクエリ パラメータを送信し、400 エラーを回避する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。