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