gitlab에서 .env VueJS로 변수를 로드하는 방법

Question

process.env.VUE_APP_VARIABLE_NAME을 사용할 수 있도록 Gitlab 변수를 VueJS 애플리케이션의 .env.Production에 로드하고 싶습니다.

내가 한 일:

1. GitLab CI/CD 설정에서 일부 변수 만들기
2. .env.product 파일 생성:

으아악

3. my.gitlab-ci.yml

으아악

4. Configuration.Dockerfile

으아악

하지만 저는 모든 변수에 대해 null 값만 받습니다

내 솔루션에 어떤 문제가 있는지 아는 사람 있나요? 아니면 내가 원하는 것을 달성하기 위한 다른 솔루션이 있습니까?

Answer 1

잘한 것 같지만 Dockerfile에 ENV를 전달하는 것을 잊었습니다. 구성은 동일하지만 = 기호를 사용하여 전달합니다. 예:

으아아아

개발 환경과 프로덕션 환경을 분리하려면 다음과 같이 Gitlab CI/CD env 및 .gitlab-ci.yml 파일의 환경 이름 앞에 DEV_ 및 MAIN_을 추가할 수 있습니다.

으아아아