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

DDD
发布: 2024-11-04 13:21:02
原创
841 人浏览过

How to Send Query Parameters with axios.post() and Avoid a 400 Error?

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板