nocache로 payload 확인하기

backend에서 data를 리턴하고 frontend에서 response를 받는다.

이 과정에 데이터가 오가는 과정을 보고싶었다.

postman을 사용하지만 부가적인건 귀찮았다.

 

F12(inspector) -> Network -> 해당 항목을 클릭하면 다음과 같은 탭을 볼 수 있다.

데이터가 오가는 Preview와 Response는 캐시가 없어야 볼 수 있다는 항목에 가려져있거나 보이지 않는다.

 

이를 해결하기 위한 백엔드에서의 방법.

npm i nocache

설치를 완료하고

 

//src/server.js


import nocache from "nocache";

app.use(nocache()); // show headers

이제 데이터가 오가는 항목을 검사창 네트워크 탭에서 확인할 수 있다.