inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

Axios에 posts/${id}에 숫자를 보내서 에러가 발생하는군요

453

정원덕

작성한 질문수 3

2

 

// PostListView.vue
<PostDetailView :id="2"></PostDetailView>

위 코드에서 id를 숫자값으로 전달하고 있어서 에러 메시지가 노출되고 있는 것으로 보입니다. 수업에서 이를 안내해주시면 좋을 것 같습니다.

 

인프런 서비스 버그: 글 작성 Editor에 이미지 업로드가 안되는 군요. png 파일 업로드인데, 조치 부탁드립니다.

vuejs

답변 2

0

berrycore

짐코딩님 답글과 같이 수정된 코드가 올라와 있습니다만,

커리큘럼 순서를 건너뛰지 않고 커뮤니티에서 바로 확인하실 분들을 위해서 수정 코드 남깁니다.

참고하시면 좋겠습니다.

 

  • As-Is

PostDetailView.vue 파일 defineProps 의 type 에 추가

// 생략
<script setup>
import { useRouter } from 'vue-router';
import { getPostById, deletePost } from '@/api/posts';
import { ref } from 'vue';

const props = defineProps({
  id: String,
});

// 생략
  • To-Be

     

<script setup>
import { useRouter } from 'vue-router';
import { getPostById, deletePost } from '@/api/posts';
import { ref } from 'vue';

const props = defineProps({
  id: [String, Number],
});

 

git 에서 branch -> 10_component_separate 로 변경해서 확인 가능합니다.

https://github.com/gymcoding/vue3-posts/blob/10_component_separate/src/views/posts/PostDetailView.vue

0

짐코딩

안녕하세요.

1) 해당 에러 메시지는 다음 회차인 [공통 컴포넌트 분리 (based on Vue.js 3 spec)]수업에서 안내합니다.

2) 저 또한 이프런을 이용하는 사용자(강의자)이기에 인프런 버그는 제가 처리할 수 없습니다. 인프런에 문의 하셔야 할 것 같습니다.

composable: alert 창이 안떠요

0

709

2

Nuxtjs3 강의 계획은 없으신가요?

0

527

1

axios 컴포저블 함수 구현 2에서

0

470

1

composable과 pinia store - 둘 중 하나를 선택하는 기준

1

1594

1

코드 수정 문의

0

440

1

강의교안 수정 요청드립니다.

0

591

1

Pinia 사용 시 composition api

0

1388

1

createPost()의 async, awiat

0

526

1

slot 사용 관련 문의

1

413

1

Filter 구현하기에서 input v-model 질문 있습니다.

0

548

2

라우터 해시 모드 추가 질문

0

541

1

네비게이션 가드 및 플러그인 관련 질문입니다.

0

367

1

트랜지션(transition) 관련 질문드립니다.

0

548

1

json-server에 대해 궁금한게 있습니다~

0

380

1

Vue3 에서 router-link 에 이벤트 추가 방법

0

1191

1

기본편에도 crud 하는게 있을까요?

0

400

1

jsconfig.js 에러

0

384

1

headers 값을 못찾아요~

0

379

1

vite vue3에서 ie safari babel

0

771

1

composables 전역등록

0

298

1

stores 다른 파일에서 state 가져오기

0

439

1

computed에서 인자 전달방법

0

572

1

components.d.ts 자동작성 안됨

0

717

1

cors 에러

0

571

1