首頁 > 資料庫 > mysql教程 > 如何使用 Axios HTTP POST 請求傳遞查詢參數?

如何使用 Axios HTTP POST 請求傳遞查詢參數?

Barbara Streisand
發布: 2024-10-30 22:30:30
原創
548 人瀏覽過

How to Pass Query Parameters with Axios HTTP POST Requests?

帶有 HTTP POST 請求的 Axios 查詢參數

使用 Axios 將資料發佈到 API 時,查詢參數可用於指定附加資訊。但是,用戶在嘗試傳遞此類參數時可能會遇到問題。

問題:
使用 Axios 將資料發佈到帶有查詢參數的 API 的 React Native 應用程式遇到 400 錯誤無效的查詢參數格式。使用的post方法是:

.post(`/mails/users/sendVerificationMail`, {
  mail,
  firstname
})
.then(response => response.status)
.catch(err => console.warn(err));
登入後複製

解:
問題出在axios的post方法的簽章上。要傳遞查詢參數,它們必須作為 params 物件的一部分包含在第三個參數中。正確的程式碼應該是:

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

這將導致一個空的 POST 請求正文,並且 URL 中包含兩個查詢參數:

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

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

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