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
Bevor Sie diesen Artikel lesen, hoffe ich, dass S...
In diesem Artikel wird der spezifische Code von V...
Dieser Artikel stellt vor, wie Sie IP-Adressdaten...
Mit dem Tag <tbody> wird der Stil des Tabel...
Inhaltsverzeichnis 1. innodb_buffer_pool_size 2. ...
Normalerweise haben wir ein Scan-Feld, wenn wir d...
Bevor wir über die Datenreaktivität sprechen, müs...
Vorwort Das Wesen eines Deadlocks ist Ressourcenw...
In diesem Artikel wird der spezifische Code von V...
1. Effekt-HTML senden <div id="senden-btn...
Inhaltsverzeichnis Frage: Wird die Farbe des Bere...
Vom Kunsthandwerksdesign über Grafikdesign bis hin...
Inhaltsverzeichnis 1. Testexperiment 2. Leistungs...
Vorwort Die Schlafsystemfunktion in MySQL hat nur...
Innerhalb der Zeilen können die hellen Rahmenfarb...