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

cool님의 프로필 이미지
cool

작성한 질문수

Vue로 Nodebird SNS 만들기

nuxtjs/axios

작성

·

312

0

제로초 강사님 안녕하세요!

api 폴더를 따로 분리해서 작업하고 싶은데 
api 폴더 생성 후 해당 폴더 아래 파일에서
[api/test.js]
this.$axios.post..
위와 같이 호출하면 undefined 에러가 뜹니다.

강좌 내용 처럼 store action이나 pages 폴더 아래 파일에서는 this.$axios.get... 이런식으로 
호출이 가능한데 말이죠 ㅠㅠ

해결 방법이 있을까요? 
답변 부탁드리겠습니다 ㅠㅠ

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

api용으로 만드신건가요? api 폴더에서는 직접 axios를 import해서 사용하세요.

cool님의 프로필 이미지
cool
질문자

네 ! api 폴더를 따로 만들어서 해당 폴더 아래에 axios를 호출하는 로직만 쓰려고합니다.

해당 폴더 아래에서는 nuxtjs/axios를 사용할 수 없나요??
제가 nuxtjs/auth 라이브러리를 사용하고있는데 nuxtjs/axios 라이브러리를  사용 안하면 에러가 나서요. nuxtjs/axios , axios 둘다 사용해도 되나요??

이왕이면 nuxtjs/axios만 사용하고 api폴더에서도 this.$axios 이렇게 호출하고 싶어서요 ㅠㅠ

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

api 폴더는 Nuxt랑 관련 없는 서버 코드용 폴더 아닌가요? nuxt/axios라고 뭐가 다른게 아니라 this.$axios를 axios와 연결해준 겁니다. 그리고 this.$axios는 vue 컴포넌트에서만 쓸수있고요.

cool님의 프로필 이미지
cool
질문자

store, pages, static 폴더와 같은 level의 위치에 api폴더를 만들었습니다.


api 폴더는 강사님께서 store action에서 this.$axios 이렇게 호출한 부분만 따로 로직을 빼서
store action에서 import해서 쓰려고했습니다.

제가 nuxtjs/auth 라이브러리를 사용하다 보니 axios를 사용 안하고 nuxtjs/axios를 사용해야 에러가 안나더라구요.
(제가 정확히 원인을 몰라 이렇게 사용하고 있습니다)

그런데 보통 실무 nuxt 프로젝트에서 this.$axios를 호출하는 부분을  store action에서 호출하나요??

보통 axios 호출하는 부분은 api폴더로 분리해서 하지 않나요??ㅠㅠ

답변 기다리겠습니다 ㅎㅎ

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

api 폴더는 실제 서버 api입니다. nuxt와 관련 없어져버려요. this.$axios는 store action에서 호출하는 겁니다. 굳이 분리하려고 하지 마세요.

cool님의 프로필 이미지
cool
질문자

답변 감사합니다 ㅎㅎ

cool님의 프로필 이미지
cool

작성한 질문수

질문하기