[React] cra 환경에서 .gitignore를 통해 API key 숨기기

JIAH·2022년 6월 10일
1

📢 프로젝트를 cra로 생성했다면 dotenv를 따로 설치하지 않아도 된다.
📢 설정 후에 live server에서 Axios Error가 뜬다면 live server를 껐다가 다시 켜보기

1. 루트 폴더에 .env 파일 생성


2. .env 파일에 내용 입력

REACT_APP_API_KEY=내 key 
  • 무조건 REACT_APP 으로 시작해야 함, 이후 이름은 자유롭게 지정
  • 내 key는 따옴표 없이 적음


3. .gitignore 파일에 .env 파일 추가

# API KEY
.env

4. API key가 필요한 파일에서 변수에 저장해서 사용

const API_KEY = process.env.REACT_APP_API_KEY;
  • 불러올 때 process.env 사용



profile
일단 해버리는 사람 되기~~

0개의 댓글