기술나눔

Vue 환경 변수에 관한 사항

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

공통 프로젝트 환경 변수 사용

일반: .env 환경 이름 파일을 사용하여 명령을 실행할 때 환경을 정의하고 지정합니다.

예: .env는 모든 환경 변수에서 사용되는 일부 변수를 나타냅니다.

.env.development로 표현되는 개발 환경 변수

.env.production으로 표시되는 프로덕션 환경 변수는 온라인 상태가 된 후 사용되는 환경 변수입니다.

vite+vue3 프로젝트(기본값은 VITE로 시작하며 다른 이름은 구성해야 함)

저장: VITE_변수 이름 = xxx

가져오기: import.meta.env.VITE_변수 이름

vue-cli 프로젝트(webpack+vue2)

저장: VUE_APP_변수 이름 = xxx

Take: process.env.VUE_APP_변수 이름

순수한 웹팩 패키징

저장 : DefinePlugins를 통해 글로벌 환경에 정의