Inflearn Community Q&A
asked
nuxtjs/axios
Written on
·
342
0
제로초 강사님 안녕하세요!
api 폴더를 따로 분리해서 작업하고 싶은데
api 폴더 생성 후 해당 폴더 아래 파일에서
[api/test.js]
this.$axios.post..
위와 같이 호출하면 undefined 에러가 뜹니다.
강좌 내용 처럼 store action이나 pages 폴더 아래 파일에서는 this.$axios.get... 이런식으로
호출이 가능한데 말이죠 ㅠㅠ
해결 방법이 있을까요?
답변 부탁드리겠습니다 ㅠㅠ
Answer 1
0
api 폴더는 Nuxt랑 관련 없는 서버 코드용 폴더 아닌가요? nuxt/axios라고 뭐가 다른게 아니라 this.$axios를 axios와 연결해준 겁니다. 그리고 this.$axios는 vue 컴포넌트에서만 쓸수있고요.
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에서 호출하는 겁니다. 굳이 분리하려고 하지 마세요.
네 ! api 폴더를 따로 만들어서 해당 폴더 아래에 axios를 호출하는 로직만 쓰려고합니다.
해당 폴더 아래에서는 nuxtjs/axios를 사용할 수 없나요??
제가 nuxtjs/auth 라이브러리를 사용하고있는데 nuxtjs/axios 라이브러리를 사용 안하면 에러가 나서요. nuxtjs/axios , axios 둘다 사용해도 되나요??
이왕이면 nuxtjs/axios만 사용하고 api폴더에서도 this.$axios 이렇게 호출하고 싶어서요 ㅠㅠ