如何使用 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中文网其他相关文章！