-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
오류 발생에 관한 질문입니다.
22.02.21 23:57 작성 조회수 338
1
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1: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
이렇게 뜨네요. 도움 주시면 감사하겠습니다.
답변을 작성해보세요.
0
답변 1