inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

nuxtjs/axios

298

cool

작성한 질문수 6

1

axios 를 설치해서 강좌 진행해주셨는데

혹시 nuxtjs/axios 설치 후 api/test.js 파일이 있다고 가정한 후에,
api/test.js 파일에서 axios를 호출하려면 어떻게 해야할까요? ㅠㅠ

pages 폴더 아래 파일들이나 store action에서는
this.$axios로 접근이 가능한데 

api 폴더 생성 후 해당 폴더 아래 파일에서 
this.$axios로 호출(접근?)할 경우 undefined 에러가 떠서요 ㅠㅠ

답변 주시면 감사드리겠습니다 ㅎㅎ

vuejs ssr nuxtjs

답변 1

0

캡틴판교

안녕하세요 cool님, 좋은 질문이네요. nuxt/axios 모듈로 설치하시면 nuxt/axios 공식 문서의 가이드에 따라 사용하시는 것을 추천드립니다. 이런 이유 때문에 이번 강의에서 별도로 nuxt/axios 모듈을 설치하지 않은 것도 있어요 ㅎㅎ

nuxt/axios 모듈은 기본적으로 뷰 컴포넌트의 내부에 인스턴스로 주입되기 때문에 해당 방식대로 사용하시는 것이 좋습니다. 그래도 만약 제 완벽 가이드나 끝장내기 강의 형태대로 API 폴더를 별도로 분리하시고 싶다면 아래와 같이 플러그인 형태에서 커스텀 해서 사용하시는 것이 좋을 것 같아요.

https://gist.github.com/joshua1988/72017aa00c4c78cfa8707f1c146b9770

0

cool

강사님 말씀해주신 내용 적용했는데 이런 에러가 뜨는데 혹시 다른 추가 설정이 필요한가요? ㅜㅜ
답변 부탁드립니다 ㅎㅎ ㅠ

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

0

147

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

297

2

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

1

227

2

Vue2 EOL 관련해서..

1

464

2

env.baseUrl 문제

1

626

2

블로그 기능 질문입니다!

1

464

3

node 버전 문제 질문입니다.

1

227

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