inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

[실습 답안] API 함수 모듈화 정리

오류 발생에 관한 질문입니다.

485

specimen

작성한 질문수 5

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
 
 
강의에서 제시한 방식대로 코드를 작성하였는데
posts.js?5892:7 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'get')
    at fetchPosts (posts.js?5892:7:1)
    at VueComponent._callee$ (MainPage.vue?23fd:32:1)
    at tryCatch (runtime.js?96cf:63:1)
    at Generator.invoke [as _invoke] (runtime.js?96cf:294:1)
    at Generator.eval [as next] (runtime.js?96cf:119:1)
    at asyncGeneratorStep (asyncToGenerator.js?3b8d:5:1)
    at _next (asyncToGenerator.js?3b8d:27:1)
    at eval (asyncToGenerator.js?3b8d:34:1)
    at new Promise (<anonymous>)
    at new F (_export.js?63b6:36:1)
이 부분 에러가 계속 나네요. 원인을 못 찾아 질문드립니다.
 
// posts.js
// 학습 노트 조작과 관련된 CRUD API 함수 파일
import { posts } from './index.js';
// 학습 노트 조회 API

function fetchPosts() {
// return axios.get(`${url}/posts`);
return posts.get('/');
}

// 학습 노트 생성 API
function createPost(postData) {
// return axios.post(`${url}/posts`, postData);
return posts.post('/', postData);
}

export { fetchPosts, createPost };
 
// api/index.js
import axios from 'axios';
import { setInterceptors } from './common/interceptors.js';

// axios 초기화 함수
function createInstance() {
return axios.create({
baseURL: process.env.VUE_APP_API_URL,
});
}

//
function createInstanceWithAuth(url) {
const instance = axios.create({
baseURL: `${process.env.VUE_APP_API_URL}${url}`,
});
return setInterceptors(instance);
}

export const instance = createInstance();
export const posts = createInstanceWithAuth('post');
 
입니다. 바로 위의 instance, posts를 console.log로 출력해보았는데
instance는
ƒ wrap() { var args = new Array(arguments.length); for (var i = 0; i < args.length; i++) { args[i] = arguments[i]; } return fn.apply(thisArg, args); }
posts는
undefined
이렇게 뜨네요. 도움 주시면 감사하겠습니다.

vuejs javascript vuex

답변 1

0

캡틴판교

안녕하세요 setInterceptors 함수의 반환 값이 어떻게 되어 있나요? :)

node 10버전 사용

0

85

1

강의에 대해 질문 드립니다.

0

75

1

vue CLI 대신 vite를 사용해도

1

164

2

질문삭제

0

171

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

102

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

127

1

rndrmagkqslek.

0

79

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

109

1

axios 에러가 뜹니다.

1

249

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

322

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

158

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

200

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

463

2

$router 를 이용한 메인 페이지로 이동

1

294

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

473

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

303

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

496

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1119

2

safari 개발자 도구에 대한 질문입니다

1

579

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

733

2

이 에러 때문에 진행이 안되네요 ㅠ

1

678

1

windows .nvmrc nvm use 실행 오류

1

1559

2

강사님 최신화가 필요해보입니다.

2

965

2

npm i 에러

1

621

1