Search

vue.js Dockerize

대분류
프레임워크
소분류
Vue.js
설명
vue Dockerfile 설정 + nginx
유형
Docker
부유형
사용법
주요 레퍼런스
https://v2.ko.vuejs.org/v2/cookbook/dockerize-vuejs-app.html
속성
Docker
최종 편집 일시
2024/10/31 03:29
생성 일시
2024/01/18 06:32
11 more properties

Docker File 설정

# 공식 Node.js 런타임 이미지를 부모 이미지로 사용 FROM node:lts-alpine As builder # 작업 디렉토리를 /app으로 설정 WORKDIR /app # package.json 및 package-lock.json을 작업 디렉토리로 복사 COPY package*.json ./ # 앱 종속성 설치 # --production, --only 등 명령어 안 먹힘 RUN npm install # 현재 디렉토리의 모든 내용을 /app으로 복사 COPY . . # Vue.js 앱 빌드 RUN npm run build # Nginx를 최종 베이스 이미지로 지정 FROM nginx:stable-alpine As production # 이전 스테이지에서 빌드된 Vue.js 앱을 복사 COPY --from=builder /app/dist /usr/share/nginx/html # 내부 컨테이너 내의 포트 80 노출 EXPOSE 80 # 애플리케이션을 실행하는 명령어 CMD ["nginx", "-g", "daemon off;"]
PHP
복사