axios 라이브러리를 사용하여 쿼리 매개 변수를 지정하는 방법 (GET, POST)

소개



때때로 잊을 수 있으므로 이번에도 자신의 메모로 남겨 둡니다.
이번은, 간결하게 비동기 처리를 기술하기 위해(때문에) async와 await를 이용하고 있습니다만 설명등은 하고 있지 않습니다. 양해 바랍니다 🙇‍♂️

GET 요청



주로 API를 두드려, 데이터를 취득할 때에 이용합니다.
const response = await axios.get(url, {
  params: {
    id: 1,
    name: 'hoge'
  }
})

위와 같이 작성하면 id=1 및 name='hoge'를 쿼리 매개 변수로 전달할 수 있습니다.
url의 위치는 API에 액세스하려는 엔드 포인트를 작성해야합니다

또한 직접 URL에 작성하는 방법도 있습니다.

const response = await axios.get('url?id=1&name="hoge"')

복수의 파라미터를 지정하는 경우는, & 기호(앰퍼샌드)로 연결해 기술합니다.

POST 요청



주로 API를 두드려 데이터를 저장할 때 이용합니다.

const response = await axios.post(url, {
  id: 1,
  name: 'hoge'
})

두 번째 인수에 저장할 데이터를 객체로 지정합니다.

네, 그 이상입니다.

결론



매회, 자신용의 메모로서 기술해 버려 죄송합니다...만약 이번 기사에서 오자나 탈자등 있으면 지적해 주시면 도움이 됩니다. 열람 해 주셔서 감사합니다.

좋은 웹페이지 즐겨찾기