Es gibt zwei Möglichkeiten, Angular-Projekte mit Docker bereitzustellen. Eine davon ist das serverseitige Rendering, das in der offiziellen Dokumentation beschrieben wird. Die andere besteht darin, das Knotenbild zu kompilieren und in den Webserver einzufügen. Da wir uns in der Knotenumgebung befinden, ist es am bequemsten, Express zu verwenden. Erstellen Sie server.js const express = erfordern('express'); const app = express(); const konfiguration = { Stammverzeichnis: __dirname + '/dist', Port: Prozess.Umgebung.PORT || 4200 }; //Statische Ressourcen app.use('/', express.static(config.root)); //Alle Routen führen zu index.html app.all('*', Funktion (Anforderung, Res) { res.sendfile(config.root + '/index.html'); }); app.listen(config.port, () => { console.log("läuft……"); }) Dockerfile erstellen VON Knoten:13.3.0-alpine3.10 ENV PORT=4200 \ NODE_ENV=Produktion # Installieren Sie Express und Angular/CLI Führen Sie den Befehl npm install [email protected] -g \ aus. && npm install -g @angular/cli # Erstellen Sie das App-Verzeichnis RUN mkdir -p /app # Den Code in das App-Verzeichnis kopieren COPY ./app ARBEITSVERZEICHNIS /app # Abhängigkeiten installieren und das Programm erstellen. Da ich einen Reverse-Proxy in ein Unterverzeichnis benötige, füge ich den Parameter base-href hinzu: RUN npm install && ng build --base-href /manage/ --prod ${PORT} AUSSETZEN EINSTIEGSPUNKT ["Knoten", "/app/server.js"] Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: Beispiel zum Einbetten von H5 in die Webansicht des WeChat-Applets
Vorwort Kürzlich mit mysql /usr/local/mysql/bin/m...
Durch Ausnutzen einer neu entdeckten Sudo-Sicherh...
Inhaltsverzeichnis Vorwort 1. Übersicht 2. Lese- ...
# Passen Sie die Startpriorität der VMware-Festpl...
Mit der SQL JOIN-Klausel können Zeilen aus zwei o...
Hier präsentiert 123WORDPRESS.COM den ersten Teil...
Inhaltsverzeichnis 1. Einführung in FastDFS 1. Ei...
Heute werde ich diese Anfängerfragen beantworten: ...
Die spezifische Verwendung der Drag & Drop-Zo...
Inhaltsverzeichnis Vorwort 1. Endpunkt 2. Verbind...
Inhaltsverzeichnis Was ist das Apollo Configurati...
verwenden <div id="app"> <rout...
Wie unten dargestellt: Wählen Sie Produktname, Pr...
1. MySQL herunterladen 1. Melden Sie sich auf der...
1. Übersicht Das Image in Docker ist in Schichten...