.env.Production 변수는 Vue가 빌드된 후 정의되지 않습니다.

Question

Vue 2.2.3 프로젝트에 .env.development 및 .env.development 파일이 두 개 있습니다. ;.

각 .env 파일에서 VUE_APP_API_URL 변수를 다른 값에 할당했습니다. 하나는 로컬 개발 환경용이고 다른 하나는 프로덕션 서버용입니다. .

npm run build를 실행하면 애플리케이션이 문제 없이 로컬 dist 폴더로 컴파일됩니다. 그러나 내 Vue 애플리케이션에서 dist를 배포하면 undefound가 반환됩니다.

처음 해보는 작업이라 부족한 부분이 있을 수 있습니다. .env.production URL이 빌드와 작동하도록 하려면 추가로 수행해야 할 작업이 있나요?

도움을 주셔서 미리 감사드립니다!

Answer 1

제 조언은: 너무 복잡하게 만들지 마세요. .env 파일을 사용하세요.

저장소에 푸시하지 마세요. 그렇지 않으면 공개됩니다. 그게 다야.

내 구성은 .env for dev이며 상수가 포함되어 있습니다.

그런 다음 프로덕션에서는 거기에 변수를 설정하면 됩니다.