如何在 React Native 中使用 Axios 傳遞 POST 請求的查詢參數？

使用 Axios 發布查詢參數

與 API 互動時，您可能需要傳遞查詢參數來過濾或修改請求。讓我們探索如何使用 Axios 函式庫來實現此目的。

在 React Native 應用程式中，嘗試將查詢參數傳遞到 API 端點時遇到 400 錯誤。錯誤訊息表示查詢參數無效。

問題出在axios的post方法的簽名。與 PostMan 或 Insomnia 不同，您需要提供額外的第三個參數來指定查詢參數。此參數是一個帶有代表查詢參數的鍵值對的物件。

要解決此錯誤，您可以如下修改程式碼：

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

透過傳遞null 作為第二個參數並在第三個參數中提供查詢參數，您將指示Axios 會傳送一個空白正文並在請求URL 中包含指定的查詢參數。

這將產生以下格式的 POST 請求：

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

希望這可以幫助您解決問題並在 React Native 應用程式中使用 Axios 有效地傳遞查詢參數。

以上是如何在 React Native 中使用 Axios 傳遞 POST 請求的查詢參數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！