global로 테스트서버와 실서버를 관리해주는 환경변수의 설정이 필요하게되어 사용해보게 되었다.
👉 install npm dotenv프로젝트 루트 경로에 아래와 같은 파일을 생성한다.
.env.production (npm run build 시 해당 URL로 파싱)
REACT_APP_BASE_URL=사용하고자 하는 실서버용 URL
.env.development (npm run start시 해당 URL로 파싱)
REACT_APP_BASE_URL=사용하고자 하는 개발용 URL
- 선언 후 세미콜론(;) 은 없어야 함
- URL은 “ “이나 ‘ ‘와 같은 따옴표 없이 작성
그리고 사용하고자 하는 파일 내에서 호출하여 필요한 부분에 URL을 가져와서 사용하면 된다.
server.tsx
const URL = process.env.REACT_APP_BASE_URL
...
const client = axios.create({
baseURL: URL,
})
...