如何在 React Native 中使用 Axios 传递 POST 请求的查询参数？

使用 Axios 发布查询参数

与 API 交互时，您可能需要传递查询参数来过滤或修改请求。让我们探索如何使用 Axios 库来实现此目的。

在 React Native 应用程序中，尝试将查询参数传递到 API 端点时遇到 400 错误。错误信息表明查询参数无效。

问题出在axios的post方法的签名上。与 PostMan 或 Insomnia 不同，您需要提供额外的第三个参数来指定查询参数。该参数是一个带有代表查询参数的键值对的对象。

要解决此错误，您可以按如下方式修改代码：

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

通过传递 null 作为第二个参数并在第三个参数中提供查询参数，您将指示 Axios 发送一个空正文并在请求 URL 中包含指定的查询参数。

这将产生以下格式的 POST 请求：

POST
http://localhost:8000/api/mails/users/sendVerificationMail?mail=[email protected]&firstname=myFirstName

希望这可以帮助您解决问题并在 React Native 应用程序中使用 Axios 有效地传递查询参数。

以上是如何在 React Native 中使用 Axios 传递 POST 请求的查询参数？的详细内容。更多信息请关注PHP中文网其他相关文章！