초보자를 위한 Axios를 사용한 Http 요청
4931 단어 webdevbeginnersaxiosjavascript
악시오스란?
Axios는 RESTful API에 HTTP 요청을 할 수 있는 매우 인기 있는 JavaScript 라이브러리입니다. Axios는 다양한 브라우저에서 사용할 수 있는 가져오기 API와 동일한 기능을 수행합니다. 약속은 Axios의 배경에서 사용됩니다.
이 블로그는 axios를 시작하는 초보자를 위한 것입니다. 나는 axios를 시작하기 위해 알아야 할 모든 기본 사항을 다루었으며 가장 널리 사용되는 http 메소드 get() 및 post() 메소드를 적절한 예제와 함께 설명했습니다.
axios로 데이터를 가져오는 방법은 무엇입니까?
axios를 사용하기 위해서는 먼저 axios를 설치해야 합니다.
npm install axios
이제 사용하려는 축을 가져옵니다.
액시오스 사용
매우 명확하고 정확한 구문을 제공하기 때문에 가져오기 API보다 Axios를 사용하는 것을 좋아합니다.
get() 요청하기
아래는 axios를 사용하여 데이터를 가져오는 표현입니다.
API 끝점에 get 요청 만들기
axios.get(url)
const fetchNews = () => {
const EndPointUrl="https://newsapi.org/v2/everything?q=apple&from=2022-08-04&to=2022-08-04&sortBy=popularity&apiKey=5153d63033ef47c4ad86a69b1d664ab9";
axios.get(EndPointUrl)
.then((response) => {
console.log(response);
})
.catch(error=>console.log(error));
};
위의 예에서는 뉴스 목록을 얻기 위해 뉴스 API에 GET 요청을 하고 있습니다.
Axios를 활용하기 위해 먼저 axios 함수를 호출한 다음 다양한 HTTP 동사에 해당하는 Axios 라이브러리의 함수를 호출합니다. 위의 예에서는 get() 메서드를 사용하여 GET 요청을 보냅니다.
Axios 라이브러리가 작동하는 방식은 요청한 데이터를 포함하는 데이터 키를 포함하는 개체를 생성하는 것입니다.
post() 요청하기
예를 들어 다음 코드는 axios.post() 메서드를 사용하여 게시 요청을 수행하는 방법을 보여줍니다. 이 메서드는 두 개의 매개 변수를 허용하며 그 중 첫 번째는 서비스 엔드포인트의 URI입니다. 둘째, 개체의 속성을 보유하는 개체를 제공하고 있습니다.
HTTP POST 요청이 이루어지면 Axios는 백엔드 서비스의 응답 결과에 따라 이행되거나 거부되는 약속을 반환합니다.
결과를 처리하려면 then() 메서드를 사용할 수 있습니다.
axios.post('/login', {
firstName: 'Sam',
lastName: 'Wills'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
자세한 내용을 살펴보고 axios를 사용하는 다른 http 메서드에 대해 알아보려면 Axios을 방문하십시오.
이것은 내가 axios를 사용하여 암호 화폐 및 해당 정보github의 데이터를 가져오는 내 github 저장소 링크입니다.
가서 이 놀라운 🤩암호화 웹 앱을 살펴보세요.
질문이 있으시면 의견 섹션에 알려주십시오. 나는 그들에게 대답하기 위해 최선을 다할 것입니다.
이 블로그가 도움이 되셨다면 좋아요 ❤️ 부탁드립니다.
그런 놀라운 것들을 배우고 싶다면 저를 팔로우하세요.
Reference
이 문제에 관하여(초보자를 위한 Axios를 사용한 Http 요청), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/srishtikprasad/http-request-with-axios-for-beginners-277m
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
axios를 사용하기 위해서는 먼저 axios를 설치해야 합니다.
npm install axios
이제 사용하려는 축을 가져옵니다.
액시오스 사용
매우 명확하고 정확한 구문을 제공하기 때문에 가져오기 API보다 Axios를 사용하는 것을 좋아합니다.
get() 요청하기
아래는 axios를 사용하여 데이터를 가져오는 표현입니다.
API 끝점에 get 요청 만들기
axios.get(url)
const fetchNews = () => {
const EndPointUrl="https://newsapi.org/v2/everything?q=apple&from=2022-08-04&to=2022-08-04&sortBy=popularity&apiKey=5153d63033ef47c4ad86a69b1d664ab9";
axios.get(EndPointUrl)
.then((response) => {
console.log(response);
})
.catch(error=>console.log(error));
};
위의 예에서는 뉴스 목록을 얻기 위해 뉴스 API에 GET 요청을 하고 있습니다.
Axios를 활용하기 위해 먼저 axios 함수를 호출한 다음 다양한 HTTP 동사에 해당하는 Axios 라이브러리의 함수를 호출합니다. 위의 예에서는 get() 메서드를 사용하여 GET 요청을 보냅니다.
Axios 라이브러리가 작동하는 방식은 요청한 데이터를 포함하는 데이터 키를 포함하는 개체를 생성하는 것입니다.
post() 요청하기
예를 들어 다음 코드는 axios.post() 메서드를 사용하여 게시 요청을 수행하는 방법을 보여줍니다. 이 메서드는 두 개의 매개 변수를 허용하며 그 중 첫 번째는 서비스 엔드포인트의 URI입니다. 둘째, 개체의 속성을 보유하는 개체를 제공하고 있습니다.
HTTP POST 요청이 이루어지면 Axios는 백엔드 서비스의 응답 결과에 따라 이행되거나 거부되는 약속을 반환합니다.
결과를 처리하려면 then() 메서드를 사용할 수 있습니다.
axios.post('/login', {
firstName: 'Sam',
lastName: 'Wills'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
자세한 내용을 살펴보고 axios를 사용하는 다른 http 메서드에 대해 알아보려면 Axios을 방문하십시오.
이것은 내가 axios를 사용하여 암호 화폐 및 해당 정보github의 데이터를 가져오는 내 github 저장소 링크입니다.
가서 이 놀라운 🤩암호화 웹 앱을 살펴보세요.
질문이 있으시면 의견 섹션에 알려주십시오. 나는 그들에게 대답하기 위해 최선을 다할 것입니다.
이 블로그가 도움이 되셨다면 좋아요 ❤️ 부탁드립니다.
그런 놀라운 것들을 배우고 싶다면 저를 팔로우하세요.
Reference
이 문제에 관하여(초보자를 위한 Axios를 사용한 Http 요청), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/srishtikprasad/http-request-with-axios-for-beginners-277m
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
axios.post('/login', {
firstName: 'Sam',
lastName: 'Wills'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
Reference
이 문제에 관하여(초보자를 위한 Axios를 사용한 Http 요청), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/srishtikprasad/http-request-with-axios-for-beginners-277m텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)