React - env 설정

이번에는 개발환경 설정 , 배포 환경설정이다

 

경로

 

.env.development 는 개발환경

.env.production 은 배포 환경이다.

 

좀 다른 사람들에게 보여주면 안된다 하는 파일은 여기놓고 ignore 로 git에 안올리고 있다.

 

안의 설정은 ★ REACT_APP 은 필수로 적어주자.

# 개발 환경 : .env.develoment
# springboot url
REACT_APP_BASE_URL=http://localhost:8000/api

# 배포 환경 : .env.production
# springboot url
REACT_APP_BASE_URL=http://playhost.com/api

 

 

사용했을 때다.

process.env.이름 을 적어주면 불러올수 있다.

import axios from 'axios';

export default axios.create({
  baseURL: `${process.env.REACT_APP_BASE_URL}`,
  headers: {
    "Content-Type": "application/json",
  }
});