如何使用 axios.post() 發送查詢參數並避免 400 錯誤？

如何使用 Axios 發佈查詢參數：解決 400 錯誤

您的目標是使用特定查詢參數（即郵件和姓名）發佈到 API。雖然它在 PostMan 和 Insomnia 等工具中運作順利，但您的 React Native 應用程式會遇到 400 錯誤，指示查詢參數無效。

要解決此問題，請了解 axios post 方法的簽章： axios.post(url[,資料[，設定]]）。這裡的關鍵步驟是將查詢參數指定為第三個設定參數的一部分。

這是更新後的程式碼：

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

透過傳遞空主體 (null) 並設定參數在設定物件中的屬性中，您指示 Axios 將資料作為查詢參數傳送。產生的 POST 請求將具有帶有附加查詢參數的預期 URL：

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

以上是如何使用 axios.post() 發送查詢參數並避免 400 錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！