带有 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中文网其他相关文章!