Axios HTTP POST 요청으로 쿼리 매개변수를 전달하는 방법은 무엇입니까?

HTTP POST 요청을 포함한 Axios 쿼리 매개변수

Axios를 사용하여 API에 데이터를 게시할 때 쿼리 매개변수를 사용하여 추가 정보를 지정할 수 있습니다. 그러나 사용자가 이러한 매개변수를 전달하려고 하면 문제가 발생할 수 있습니다.

문제:
Axios를 사용하여 쿼리 매개변수가 있는 API에 데이터를 게시하는 React Native 애플리케이션에서 400 오류가 발생했습니다. 잘못된 쿼리 매개변수 형식입니다. 활용된 게시 방법은 다음과 같습니다.

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

해결 방법:
문제는 Axios의 게시 방법 서명에 있습니다. 쿼리 매개변수를 전달하려면 params 개체의 일부로 세 번째 매개변수 내에 포함되어야 합니다. 올바른 코드는 다음과 같습니다.

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

이렇게 하면 URL에 두 개의 쿼리 매개변수가 포함된 빈 POST 요청 본문이 생성됩니다.

POST
http://localhost:8000/api/mails/users/sendVerificationMail?mail=lol%40lol.com&firstname=myFirstName

위 내용은 Axios HTTP POST 요청으로 쿼리 매개변수를 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!