Implementierung der Docker-Bereitstellung des Nuxt.js-Projekts

Offizielle Docker-Dokumentation: https://docs.docker.com/

Docker ist eine Open-Source-Anwendungscontainer-Engine, die es Entwicklern ermöglicht, ihre Anwendungen und Abhängigkeiten in ein portables Image zu packen und es dann auf allen gängigen Linux- oder Windows-Computern zu veröffentlichen und auch eine Virtualisierung zu erreichen. Container verwenden einen vollständigen Sandbox-Mechanismus und haben keine Schnittstellen untereinander.

Stellen Sie das nuxt.js-Projekt mit Docker bereit

1. Erstellen Sie ein Knoten-Image

VON Knoten: alpin

Warum die Alpin-Version verwenden?

Im Vergleich zu anderen Docker-Images ist seine Kapazität sehr gering, nur etwa 5 MB (im Vergleich zu fast 200 MB bei Images der Ubuntu-Reihe), und es verfügt über einen sehr benutzerfreundlichen Paketverwaltungsmechanismus. Das offizielle Image stammt vom Docker-Alpine-Projekt. Derzeit empfiehlt Docker offiziell die Verwendung von Alpine als Ersatz für Ubuntu als Basis-Image-Umgebung. Dies hat mehrere Vorteile. Dazu gehören schnellere Bild-Download-Geschwindigkeiten, verbesserte Bildsicherheit, einfacheres Wechseln zwischen Hosts und geringerer Speicherplatzverbrauch.

2. Legen Sie das Projektspeicherverzeichnis fest

RUN mkdir -p /app/src

3. Kopieren Sie den Projektcode in das Bild

KOPIEREN ./src /app/src

4. Geben Sie das Verzeichnis an, in dem der Befehl ausgeführt wird

ARBEITSVERZEICHNIS /app/src

5. Host einrichten

ENV-HOST 0.0.0.0

6. Führen Sie die Projektinstallation und -kompilierung durch

FÜHREN SIE npm install AUS FÜHREN SIE npm run build AUS FÜHREN SIE npm cache clean --force AUS

7. Externen Zugangsport einstellen

EXPOSE 3000

8. Führen Sie den Befehl „nuxt project run“ aus

CMD ["npm", "starten"]

Vollständiges Dockerfile

VON Knoten: alpin

RUN mkdir -p /app/src
KOPIEREN ./src /app/src
ARBEITSVERZEICHNIS /app/src

ENV-HOST "0.0.0.0"

Führen Sie den Befehl sed -i "s/dl-cdn.alpinelinux.org/${ALPINE_REPOSITORIES}/g" /etc/apk/repositories aus.

Führen Sie den Befehl apk add --no-cache aus, um gcc g++ python zu erstellen.

Führen Sie npm install aus
AUSFÜHREN npm run build
Führen Sie den Befehl npm cache clean --force aus.

Führen Sie apk del make gcc g++ python aus

EXPOSE 3000
CMD ["npm", "starten"]

Wenn Sie Sass oder SCSS in einem Projekt verwenden, müssen Sie sich auf die Python-Umgebung verlassen, sodass Sie Python installieren müssen. Natürlich können Sie nach dem Kompilieren der relevanten Ressourcen die entsprechenden Abhängigkeiten löschen, um die Bildgröße zu verringern.

Docker ausführen

1. Erstellen Sie ein Image

Docker-Build -t Nuxt-Demo

2. Starten Sie den Container

docker run -dt -p 3000:3000 nuxt-demo

3. Zugang

Öffnen Sie Ihren Browser und rufen Sie 127.0.0.1:3000 auf.

1. Mit Docker Compose können Sie Container orchestrieren und Anwendungen mit mehreren Containern schnell bereitstellen.
2. Sie können nginx als Proxy für den Container verwenden, um den direkten Zugriff auf den Container in Form eines Ports zu vermeiden.

Dies ist das Ende dieses Artikels über die Implementierung der Docker-Bereitstellung des Nuxt.js-Projekts. Weitere relevante Inhalte zur Docker-Bereitstellung des Nuxt.js finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!