강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

손승범님의 프로필 이미지
손승범

작성한 질문수

Nuxt.js 시작하기

server, client 에서 동일서버호출 api 사용방법 문의

작성

·

288

1

server 에서 실행되는 asyncData 영역의 서버호출 api 와
client 에서 실행되는 mounted 또는 methods 영역의 서버호출 api 를 같이 사용하고 싶은데
어떤 방식으로 사용하면 좋을까요?
 
단순하게
$axios 를 사용하면 둘 다 사용가능하긴 하는데,
아래의 코드처럼 api 디렉토리에 업무별로 api 파일을 만들어 사용하고 싶습니다.
https://github.com/joshua1988/learn-nuxt/blob/master/api/index.js
 
 

답변 1

1

손승범님의 프로필 이미지
손승범
질문자

지금까지는 아래의 방법이 제일 만족스럽네요.

https://www.telerik.com/blogs/api-factories-vue-nuxt 

// src/api.js
import Vue from "vue";
import Auth from "@/api/auth";
import Blog from "@/api/blog";
import Settings from "@/api/settings";

// Initialize all or API factories
const factories = {
 auth: Auth(Vue.axios),
 blog: Blog(Vue.axios),
 settings: Settings(Vue.axios)
};

// Make them available in the app with this.$api
// https://vuejs.org/v2/cookbook/adding-instance-properties.html
Vue.$api = factories;

 

네 승범님 이 방법도 좋은 방법인거 같아요 :)

손승범님의 프로필 이미지
손승범

작성한 질문수

질문하기