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 게시 메서드의 서명을 이해하세요: 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)을 전달하고 매개변수를 설정합니다. config 객체 내의 속성을 사용하여 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿