Das Hosten einer VueApp mit Docker kann deine Entwicklung und Bereitstellung erheblich vereinfachen. Docker bietet eine isolierte Umgebung, in der deine Anwendung unabhängig von der zugrunde liegenden Infrastruktur läuft. In diesem Beitrag zeige ich dir, wie du eine VueApp mit Docker in nur wenigen Schritten hosten kannst.

Ich arbeite gerne mit Docker Compose Files und darum auch hier in der Anleitung. Mehr über die Arbeit mit Docker Compose findest du hier >>

1. Erstelle ein docker-compose.yaml um deine VueApp mit Docker zu hosten

Beginne mit der Erstellung eines Docker Compose Files im Root-Verzeichnis deiner VueApp. Hier ein Beispiel für das Compose File, um deine VueApp mit Docker zu hosten.

version: '3.8'

services:
  web:
    image: nginx:alpine
    container_name: your_container
    volumes:
      - www:/usr/share/nginx/html:ro
    ports:
      - "8080:80"
    restart: unless-stopped
    networks:
      - inter-c

volumes:
  www:
    driver: local

networks:
  inter-c:
    external: true

2. Docker Compose ausführen – Und schon läuft deine VueApp mit Docker

$ docker compose up

3. Vue App aufrufen

Sobald Docker Compose durgeführt worden ist, kannst du deine VueApp aufrufen

http://localhost:8080