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

짐코딩님 답글과 같이 수정된 코드가 올라와 있습니다만,커리큘럼 순서를 건너뛰지 않고 커뮤니티에서 바로 확인하실 분들을 위해서 수정 코드 남깁니다. 참고하시면 좋겠습니다. (사진)As-IsPostDetailView.vue 파일 defineProps 의 type 에 추가// 생략 import { useRouter } from 'vue-router'; import { getPostById, deletePost } from '@/api/posts'; import { ref } from 'vue'; const props = defineProps({ id: String, }); // 생략To-Be 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

환경변수 설정 시 Error: SASL: SCRAM-SERVER-FIRST-MESSAGE: client password must be a string 라는 에러가 납니다.

저도 동일한 에러 메시지가 뜨길래 다음과 같이 해결 하였습니다.참고 하시면 좋겠습니다.-> TypeOrmModule.forRoot 보다 ConfigModule.forRoot 를 상단에 위치하도록 import 순서를 변경.imports: [ ConfigModule.forRoot({ envFilePath: '.env', isGlobal: true, }), TypeOrmModule.forRoot({ type: 'postgres', host: process.env[ENV_DB_HOST_KEY], port: parseInt(process.env[ENV_DB_PORT_KEY]), username: process.env[ENV_DB_USERNAME_KEY], password: process.env[ENV_DB_PASSWORD_KEY], database: process.env[ENV_DB_DATABASE_KEY], entities: [PostsModel, UsersModel], synchronize: true, }), PostsModule, UsersModule, AuthModule, CommonModule, ],