[Vue.js] docker에 Vue.js App 올리기

Dockerize Vue.js App Docs

https://kr.vuejs.org/v2/cookbook/dockerize-vuejs-app.html

Dockerize Vue.js App — Vue.js

---

vue app 생성

terminal

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

---

https://medium.com/@jwdobken/vue-with-docker-initialize-develop-and-build-51fad21ad5e6