inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

axios 모듈 & Vite 환경 변수 설정 (env)

Request URL:주소 이상함!

해결된 질문

254

youakdl

작성한 질문수 6

0

const fetchPost = async () => {

try {

const { data, headers } = await getPosts(params.value);

items.value = data;

totalCount.value = headers['x-total-count'];

} catch (error) {

console.error(error);

}

};

TheHeader.vue에서 게시판 클릭 시 PostListView.vue 부분에서 오류가 납니다. 위의 에러콘솔부에 걸려요.

개발자도구에서 콘솔에 찍힌 코드는 하기와 같습니다ㅠㅠ

AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUES........}

 

requestURL :

GET http://localhost:5173/undefinedposts/?_sort=createdAt&_order=desc&_limit=3&_page=1&title_like= 404 (Not Found)


왜 주소가 위와 같이 찍히는지 모르곘어요!!

 

제이슨 서버 동작 확인했고, development 모드입니당 ㅠㅠ

vue.js

답변 1

0

짐코딩

안녕하세요.

http://localhost:5173/undefinedposts/?_sort=createdAt&_order=desc&_limit=3&_page=1&title_like=

위에 호출 경로를 보시면 Path가 /undefinedposts/ 인걸 확인할 수 있습니다.

"게시글 목록을 조회하는 코드(getPosts 함수 내부 axios 호출 부분)"를 확인해 해보시면 바로 찾을 수 있을 것 같습니다.

감사합니다.

 

0

youakdl

선생님!! 문제 해결했습니다.

 

.env와 .env.development 파일을 루트레벨이 아닌 src하위에 만들었더라구요! 그래서 export const posts = create(`${import.meta.env.VITE_APP_API_URL}posts`);

${import.meta.env.VITE_APP_API_URL} 이 부분 콘솔 찍어보니 값이 안나왔었어요!

빠른 회신 감사드립니다.

 

 

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

39

2

강의듣다가 헷갈려서 질문드립니다.

0

35

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

33

1

질문드립니다.

0

32

2

라우터 인스톨 후 실행안됨

1

49

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

52

1

json-server 오류가 다른게 뜨네요

0

114

1

미리보기가 안됩니당...

0

69

2

unplugin-vue-components

0

84

2

TypeError 질문

0

52

1

v-model="show" :show="show" 같이 사용?

1

57

1

hash 모드 배포의 필요성?

0

61

2

.eslintrc.cjs 가 없습니다

0

95

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

98

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

64

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

72

2

중첩된 컴포넌트 문제

0

75

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

114

1

axios timeout

0

330

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

123

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

169

2