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
Redis ist ein verteilter Cache-Dienst. Caching is...
In diesem Artikelbeispiel wird der spezifische JS...
Vorwort In der Java-Programmierung werden die mei...
Zwei Möglichkeiten zum Navigieren auf der Seite D...
Die MySQL-ID beginnt bei 1 und erhöht sich automa...
Inhaltsverzeichnis Vorwort Standard-SFC-Schreibme...
Verwenden Sie Docker, um eine flexible Online-PHP...
Inhaltsverzeichnis 1. Ziehen Sie das Centos-Image...
Inhaltsverzeichnis Vorwort Erster Blick auf React...
Vorwort Ich habe vor Kurzem eine virtuelle Maschi...
01. Befehlsübersicht Basisname - entfernt Verzeic...
1. ROW_NUMBER() Definition: Die Funktion ROW_NUMB...
Die Eigenschaft, Text in CSS zu zentrieren, lässt ...
<br />Wie kann ich die Bildlaufleiste auf de...
Im vorherigen Artikel haben wir die einfache Erke...