[트러블 슈팅] 오픈 api 401 에러 (환경변수 .env 에러) - 2

에러명

401 unauthorized

원인

키값이 제대로 불러와지지 않아서

해결

기존 CRA(create-react-app)에서는

환경변수명 시작부분에 REACT_APP_

사용시 process.env.변수명으로 호출

근데 vite는

환경변수명 시작부분에 VITE_ (<=이게 문제였어요!)

사용시 import.meta.env.변수명으로 호출

참고

https://velog.io/@tmdgp0212/TIL230316-using-.env-on-vite
https://stackoverflow.com/questions/68838896/401-on-http-request-for-tmdb-api

추가 정보

Nextjs에서는

NEXT_PUBLIC_ 로 시작하지 않으면 undefined라고 뜬다고 한다