nuxt에서 FetchWrapper로 보낸 api의 response의 Body가 null로 찍힙니다..

Question

안녕하세요. API에 대한 Exception을 새로 셋팅하는 도중 Postman과 client를 통한 테스트 도중 client쪽에서 보낸 api의 응답이 null로 찍혀오는 문제가 있습니다.해당 내용을 어떤 키워드로 검색 해야 할 지 감도 안 오고 .. 너무 답답하여 글을 올립니다.우선 vue3 &#43; nuxt.js의 프론트에서 fetchWrapper를 사용하여 백단으로 api를 호출하고 있습니다.백단에서는 req/res에 대한 로그를 찍어놔서 응답과 요청에 대한 헤더와 바디를 항상 확인하고 있는데요.response의 body에 제가 원하는 결과를 담아서 return 해주고 있습니다.개발자도구에서 네트워크에 찍히는 fetch에서는 응답에 똑같은 body가 담겨져 오고 있으나,해당 내용을 기반으로 console을 찍어 확인해본 결과에서는 value 가 null로 찍혀있습니다..혹시 어떤 부분이 문제가 될 수 있을까요..감사합니다.

하얀뼈 · Answer

개발자도구에서 body가 정상적으로 온다는건 프론트에서 처리를 잘못했다는거네요

개잡부대장 · Answer

nuxt 같이 ssr 지원하는 프레임워크일 경우 fetch 호출하는 시점을 정확하게 알아야 합니다.vue에서 setup 시점에 데이터 초기화하도록 유도를하기때문에 가끔 onMounted 시점에 fetch 호출하시는 분들 계시는데 데이터 못받아 오는 이슈 생길수 있습니다

nuxt에서 FetchWrapper로 보낸 api의 response의 Body가 null로 찍힙니다..

2개의 답변

#nuxt.js 목록