inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

Nuxt.js 시작하기

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

306

손승범

작성한 질문수 1

1

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

vuejs nuxtjs ssr

답변 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;

 

0

캡틴판교

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

판교님, 50% 학생 할인 쿠폰

0

148

2

캡틴님 커리어 질문 있습니다

0

82

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

357

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

194

1

24년 강의를 들으면서 에러나는 부분 정리

2

347

2

공식홈페이지에 설치방법이 바뀐거같아요

1

410

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

385

2

자료가 없습니다.

1

287

2

에러 페이지 정의 방법 강의 문의

1

339

2

SSG -> SSR 배포 방식 전환

1

531

2

갑자기 화면에 에러가 나오네요..

1

452

2

마지막 강의까지 작성된 코드

1

298

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

227

2

Vue2 EOL 관련해서..

1

464

2

env.baseUrl 문제

1

626

2

블로그 기능 질문입니다!

1

464

3

node 버전 문제 질문입니다.

1

228

1

폴더구조 다른것 안내 부탁드려요

1

459

1

npm run generate 배포

1

681

2

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

331

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

996

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

614

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

775

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

390

2