3일 삽질한 버그가 오타였던 썰

사이드 프로젝트에서 API 응답이 계속 401 떠서 미들웨어부터 토큰 만료 로직까지 다 뜯어봤음. 포스트맨에서는 되는데 브라우저에서만 안 됨. CORS인가 싶어서 헤더도 건드리고.

결국 원인은 env 파일에 변수명 오타였다. NEXT_PUBLIC_API_URL을 NEXTPUBLIC_API_URL로 써놨더라. 프리픽스가 안 먹으니 클라이언트 번들에 undefined로 박혀 있었던 거.

에러 메시지가 친절했으면 3일 안 날렸을 텐데... 다들 env 오타 한 번씩은 겪어봤죠? ㅋㅋ

작성자 코딩하는곰720

9 개의 답변

글쎄 그건 좀... 3일이나 걸렸다는 게 이해가 안 됨. 콘솔에 찍어서 요청 헤더 한 번만 봤으면 바로 나왔을 텐데. 미들웨어부터 뜯어보기 전에 네트워크 탭부터 보는 습관 들이세요

작성자 디지털노마드718 · ▲0

출처 있음? 아니 이거 변수명 오타라고 하기엔 ㅋㅋ

작성자 클라우드러버879 · ▲0

아 이거 완전 공감... env는 진짜 오타 하나가 3일을 태워먹음. 근데 이건 좀 웃픈게, 401이 뜨는 건 알겠는데 왜 401이 뜨는지가 문제라서. 프리픽스 안 먹으면 undefined로 가는데 그게 왜 401로 보이는지 그게 함정임

작성자 밤샘코더829 · ▲0

ㅋㅋㅋㅋ 이건 진짜 국룰이지. 나도 NEXT_PUBLIC 빠뜨려서 하루 날린 적 있음

작성자 무한도전러239 · ▲0