즐코

[vue] .env 설정 본문

Vue

[vue] .env 설정

YJLEE_KR 2022. 11. 22. 11:56

VUE에서 .env 설정은 next와 거의 같다.

.env 파일 상에서 VUE_APP_ 접두사가 붙은 변수는 자동 로드가 된다.

# .env.development : 개발 환경에 적용되는 환경변수 파일
VUE_APP_API_URL=http://localhost:3000/

# .env.production : 배포 시 적용되는 환경변수 파일
VUE_APP_API_URL=https://vue-til.com/

# .env 
# : 공통 변수나 .env.development 또는 .env.production 파일이 없을 경우 적용됨

 

- npm run serve (vue-cli-service serve) 시 development 모드 : .env.development 

- npm run build (vue-cli-service build) 시 production 모드 : .env.production

'Vue' 카테고리의 다른 글

[vue] props로 전달할 데이터에 대하여  (0) 2022.12.11
[vue] methods / computed / watch  (0) 2022.11.27
[vue] vue에서의 axios 요청 / axios.create() / interceptors  (1) 2022.11.26
[vue] 라우팅  (0) 2022.11.14
[vue] initial setting 및 전반적인 프로젝트 구조  (0) 2022.11.09
'Vue' Related Articles more
Comments