[REACT] 리액트 process.env undefined

리액트 process.env undefined 해결법

프로젝트 초기 셋팅 중, api를 호출하니까 자꾸 서버주소로 호출되는게 아닌

 

이처럼 자꾸 로컬 주소로 호출이 되었다.

 

콘솔을 찍어보니 undefined,,,,

 

구글링에 대표적인 해결법이 두가지가 있었다.

 

1. .env 파일을 루트 위치에 넣기

 

2. 환경 변수를 바른 형식으로 설정하기

- REACT_APP_key=value

- 각 줄 끝에 세미콜론, 콤마 사용하지 않기

- 따옴표 사용하지 않기

 

내 문제는 REACT_APP_key=value 의 문제였다.

 

REACT_APP <- 이 부분이 그냥 변수명인줄 알았던 나는 

 

이와 같은 형식으로 설정을 했던 것이다

 

Next.js의 경우 config 파일을 통해 문제가 되지 않지만, 리액트의 경우 REACT_APP_key 의 형태를 지켜야 했다

 

다들 ,, 나와같은 실수를 하지 않기를,,!!

 

** 꼭! 서버를 끄고 재실행 해주자!!