FRONTEND/VUE.js
[Vue.js] docker에 Vue.js App 올리기
KIM DEON
2021. 4. 4. 23:47
Dockerize Vue.js App Docs
https://kr.vuejs.org/v2/cookbook/dockerize-vuejs-app.html
Dockerize Vue.js App — Vue.js
Vue.js - 프로그레시브 자바스크립트 프레임워크
kr.vuejs.org
vue app 생성
Dockerfile 생성
./vue-test/Dockerfile
# build stage
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install --production
COPY . .
RUN npm run build
# production stage
FROM nginx:stable-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]Docker image build
vue-test위치에서 실행한다. (. -> Dockerfile 위치)
docker build -t vue-app .
생성한 image 확인
Docker container 실행
docker run -it -p 8080:80 --rm --name vue-app-1 vue-app- 8080 port로 expose
실행된 container 확인
실행된 App 확인
localhost:8080 접속
Docker container 중지
docker stop vue-app-1