axios 라이브러리를 사용하여 쿼리 매개 변수를 지정하는 방법 (GET, POST)
2503 단어 Vue.jsaxios자바스크립트AsyncAwait
소개
때때로 잊을 수 있으므로 이번에도 자신의 메모로 남겨 둡니다.
이번은, 간결하게 비동기 처리를 기술하기 위해(때문에) 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'
})
두 번째 인수에 저장할 데이터를 객체로 지정합니다.
네, 그 이상입니다.
결론
매회, 자신용의 메모로서 기술해 버려 죄송합니다...만약 이번 기사에서 오자나 탈자등 있으면 지적해 주시면 도움이 됩니다. 열람 해 주셔서 감사합니다.
Reference
이 문제에 관하여(axios 라이브러리를 사용하여 쿼리 매개 변수를 지정하는 방법 (GET, POST)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kambe0331/items/bb35ee8173ee8053b6ec텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)