VUE-CLI 4.0.5 샘플 구성 환경 변수

프로젝트의 루트 디렉토리에 .env의 빌드 파일, 환경 변수의 값을 얻기 위해 설정할 수있는 종류의 동작 모드의 상관없이.
거기 VUE는 세 가지 모드가 있습니다 : 세 가지 구성의 개발, 테스트, 생산, 현재 package.json :

"serve": "vue-cli-service serve", //对应 development 模式
"build": "vue-cli-service build", //对应 production 模式
"lint": "vue-cli-service lint"  // 对应 eslint 规范检测

자신의 패턴 노트 파일이 당신이 그런 .env.newplayer 파일을 만드는 등, 원하는 것을 작성하는 .env의 시작 뒤에 만들어 주목 작성, 내용이 있어야합니다 VUE_APP_의 시작

VUE_APP_TEST = TEST
VUE_APP_PLAYER = PLAYER

그러나에 package.json에서 다음을 실행하여 새로운 구성 :

"serve:newplayer": "vue-cli-service serve --mode newplayer",

프로젝트의 환경 구성에 대한 액세스는 사용할 수 있습니다 :

console.log(process.env.VUE_APP_PLAYER)

온라인 DEMO : https://github.com/changxianglin/vue-env.git

참조 :

1. 주요 기준
2. vuec-LI3 환경 변수 설정
3. VUE-cli3.0 환경 변수 모드
4. VUE-cli3 .env.development 환경 변수 및 구성 .env.production