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

DDD
發布: 2024-11-04 13:21:02
原創
845 人瀏覽過

How to Send Query Parameters with axios.post() and Avoid a 400 Error?

如何使用 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板