EIF 3: ERR_HTTP_HEADERS_SENT

원래 팀 Github에만 Error Log를 작성하려고 했습니다. 하지만 이렇게 정리한 덕분에 나중에 같은 에러를 다시 만났을 때 빨리 해결할 수 있었습니다. 그래서 두세 번 이상 정도 만났던 에러는 앞으로도 계속 자주 만날 것 같아 블로그에도 따로 정리해보려고 합니다 :)

상황

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client

 

원인

1. 클라이언트에게 두 개 이상의 response를 전달했기 때문에 에러가 발생했습니다.
2. 코드에서 return해주는 res가 하나만 있는 것을 보고 어디서 에러가 났는지 파악하기 어려웠습니다. 더 알아보니 status와 sendStatus의 차이 때문에 에러가 발생했음을 알 수 있었습니다.
   • status(): HTTP의 상태만 정해주는 Method입니다.
   • sendStatus(): 상태를 정해주고 '클라이언트에게 보내는' Method입니다.

해결방안

sendStatus에서 status로 바꿔주었습니다.
Before: return res.sendStatus(200)).json({ message: "Success" });
After: return res.status(200).json({ message: "Success" });

레퍼런스

ERR_HTTP_HADERS_SENT
status와 sendStatus의 차이