[Vue] dotenv 환경변수를 undefined로 불러올 때

참고: https://cli.vuejs.org/guide/mode-and-env.html

mode

vue-cli에서는 기본적으로 3가지 모드가 있다.

• development: vue-cli-service serve
• test: vue-cli-service test:unit
• production: vue-cli-service build 또는 vue-cli-service test:e2e

또는 –mode 옵션을 전달하여 기본모드를 덮어 쓸 수 있다.

vue-cli-service build --mode dev

환경변수

프로젝트 루트에 다음 파일을 추가하여 환경변수 지정 가능

.env                # loaded in all cases
.env.local          # loaded in all cases, ignored by git
.env.[mode]         # only loaded in specified mode
.env.[mode].local   # only loaded in specified mode, ignored by git

주의할점
vue에서는 NODE_ENV, BASE_URL 또는 VUE_APP_ 으로 시작하는 변수만 불러올 수 있음.
=> 그 외의 경우 불러오면 undefined로 나왔던 것