Aller au contenu principal

Image VueJs

Retrouvez une image docker simplifié pour la production de votre app vuejs avec nginx.

Dockerfile​

Dockerfile
FROM node:20 AS build

WORKDIR /app
COPY package*.json .
RUN npm install

COPY .. .
RUN npm run build


FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

Docker run​

Si vous souhaitez utiliser cette image sans docker compose, voici les commandes nécessaire :

docker build -t vuejs-app:latest .
docker run -d -p 8000:80 --name vuejs-app vuejs-app:latest

Docker compose​

Si vous souhaitez utiliser cette image avec un docker compose, voici un example simple de service :

compose.yml

services:
    vuejs-app:
        build: .
        container_name: vuejs-app
        ports:
        - "8000:80" # En fonction des ports que vous utilisez

Puis lancer :

docker compose up -d --build