Vue3를 Docker로 빌드할 때 환경변수를 주입하는 가장 안전한 방법이 궁금합니다!!

Question

안녕하세요!보통 vue3, react로 개발하시는 분들께서는 &#34;.env&#34; 파일 정보를 도커 이미지 빌드할 때 어떻게 주입하는지 궁금합니다.&#34;.env&#34; 파일을 도커 이미지에 넣고 빌드를 했는데 생각해보니 이러면 보안적으로 위험할거 같더라고요. (컨테이너에 들어가서 조회하면 파일이 그대로 있더라고요.)그래서 dockerignore에 &#34;.env&#34; 파일을 추가하니까 도커 이미지에는 파일이 안들어가지만 프론트엔드 코드에도 &#34;.env&#34; 파일에 적어둔 정보가 하나도 들어가지 않더라고요.GPT로 찾아보니까 런타임에 주입하라고 하는데 이 방법이 맞는가 싶더라고요.혹시 실제 현업에서는 어떻게 관리하는지 조언해주시면 감사합니다! **아래는 제가 사용한 Dockerfile 코드입니다!FROM node:18-alpine3.20 AS build-stage WORKDIR /app COPY package*.json ./ RUN npm install COPY . . RUN npm run build FROM nginx:1.27-alpine-slim AS production-stage COPY nginx.conf /etc/nginx/conf.d/default.conf COPY --from&#61;build-stage /app/dist /usr/share/nginx/html EXPOSE 80 CMD [&#34;nginx&#34;, &#34;-g&#34;, &#34;daemon off;&#34;]

rarity · Answer

vue-clihttps://cli.vuejs.org/guide/mode-and-env.htmlvitehttps://ko.vitejs.dev/guide/env-and-mode 해당 내용 잘 참조하시어 package.json 스크립트 수정하시면 됩니다.

하얀뼈 · Answer

`도커 이미지에 넣고 빌드를 했는데`가 아니고 순서를 바꿔서빌드를 하고 도커 이미지에 넣으면 모든게 해결됩니다.RUN npm install 이런 스크립트는 jenkins같은데에 넣고최종적으로 빌드된 dist 폴더만 이미지에 넣으면 돼요

Vue3를 Docker로 빌드할 때 환경변수를 주입하는 가장 안전한 방법이 궁금합니다!!

2개의 답변

Q&A 목록