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

帶有 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中文網其他相關文章！