如何使用 axios.post() 发送查询参数并避免 400 错误？

如何使用 Axios 发布查询参数：解决 400 错误

您的目标是使用特定查询参数（即邮件和名字）发布到 API。虽然它在 PostMan 和 Insomnia 等工具中运行顺利，但您的 React Native 应用程序会遇到 400 错误，指示查询参数无效。

要解决此问题，请了解 axios post 方法的签名： axios.post(url[,数据[，配置]]）。这里的关键步骤是将查询参数指定为第三个配置参数的一部分。

这是更新后的代码：

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

通过传递空主体 (null) 并设置参数在配置对象中的属性中，您指示 Axios 将数据作为查询参数发送。生成的 POST 请求将具有带有附加查询参数的预期 URL：

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

以上是如何使用 axios.post() 发送查询参数并避免 400 错误？的详细内容。更多信息请关注PHP中文网其他相关文章！