React Native에서 POST 요청을 위해 Axios를 사용하여 쿼리 매개변수를 전달하는 방법은 무엇입니까?

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에서 POST 요청을 위해 Axios를 사용하여 쿼리 매개변수를 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!