[javascript] Nuxt.js에서의 API 통신 방법은?
일반적으로 Nuxt.js 애플리케이션에서 API를 호출할 때 Axios 패키지가 많이 사용됩니다. Axios는 브라우저와 Node.js를 위한 HTTP 클라이언트 라이브러리로, 간단하고 강력한 기능을 제공합니다.
Nuxt.js 애플리케이션에서 Axios를 사용하려면, @nuxtjs/axios 모듈을 설치하고 Nuxt.js 구성 파일(nuxt.config.js
)에 추가해야 합니다.
// nuxt.config.js
modules: [
'@nuxtjs/axios',
],
axios: {
// Axios 옵션 설정
}
설치가 완료되면 Vuex 스토어, 페이지 컴포넌트 또는 미들웨어에서 Axios를 사용하여 API를 호출할 수 있습니다.
또 다른 방법으로는 Fetch API를 사용하는 것입니다. Nuxt.js는 기본적으로 Fetch API를 지원하므로, fetch
메소드를 사용하여 데이터를 가져오는 것이 가능합니다.
// Example using fetch method in Nuxt.js
async fetch() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
// Handle the data
}
이러한 방법들을 사용하여 Nuxt.js에서 API를 효과적으로 호출할 수 있습니다.
자세한 내용은 Nuxt.js 공식 문서(https://nuxtjs.org/)를 참고하세요.