javascript - 如何使用 Axios 发布查询参数？

Question

我正在尝试使用一些查询参数在 API 上发帖。当我尝试通过将邮件和名字作为查询参数传递时，这正在 PostMan/Insomnia 上工作:

 http://localhost:8000/api/mails/users/sendVerificationMail?mail=lol%40lol.com&firstname=myFirstName

但是，当我尝试使用我的 React native 应用程序执行此操作时，我收到了 400 错误(无效的查询参数)。

这是发布方法:

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

(我的邮件和名字在 console.logged 中如下所示:lol@lol.com 和 myFirstName)。

所以我不知道如何在我的请求中使用 Axios 传递查询参数(因为现在，它正在传递 data: { mail: "lol@lol.com", firstname: "myFirstName"}}.

Answer 1

axios 的 post 签名是 axios.post(url[, data[, config]])。所以你想在第三个参数中发送 params 对象:

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

这将发布一个带有两个查询参数的空正文:

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