블로그앱 디테일페이지

Django REST Framework 핵심사항

작성

149

선생님 안녕하세요.

완강을 하고 클라이언트 제공해주신 클라이언트 페이지에서 페이지를 확인해보고있습니다.

api 페이지만 보면서 작업하다 클라이언트 페이지를 띄워보니

첨부한 사진과 같은 에러가 발생합니다.

서버로부터 api 응답은 잘 받아오는듯한데 vue에서 비동기로 로딩하다가 일어나는 문제같습니다.

어떻게 해결할 수 있을까요?

강의자료 VueDjAgencyDrf-untilCh7-2 에 있는 템플릿 파일을 이용하였습니다.

django rest-api

답변 2

김석훈

지식공유자

독자님. 훌륭합니다.

(제공된 소스 코드도 동작할 거예요.)

dream7009

질문자

자답합니다~

이전글 다음글이 비어있을때 생기는 문제인거같아요.

[[prevPost.title]]

[[nextPost.title]]

이부분이 prevpost나 nextpost가 비어있다면 title을 찾지못했다는 에러가 발생하는것같아서

post_detail.html에 100, 106 라인에 [[prevPost && prevPost.title]] 이런식으로 수정하여 해결했습니다.

<h5 class="text-primary my-link" @click="fetchPostDetail(prevPost.id)">[[ prevPost && prevPost.title ]]</h5>
            ...

<h5 class="text-primary my-link" @click="fetchPostDetail(nextPost.id)">[[ nextPost && nextPost.title ]] </h5>
            ...

인프런 커뮤니티 질문&답변

블로그앱 디테일페이지