Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie Docker zum Bereitstellen von Reaktionsprojekten

So verwenden Sie Docker zum Bereitstellen von Reaktionsprojekten

藏色散人
Freigeben: 2022-12-28 09:59:01
Original
3049 Leute haben es durchsucht

So verwenden Sie Docker zum Bereitstellen von React-Projekten: 1. Ziehen Sie das Nginx-Image über „docker pull nginx“; nginx" Erstellen und starten Sie einen Nginx-Container. 4. Ändern Sie die Nginx-Informationen und kopieren Sie die lokalen Dateien in das Docker-Image.

So verwenden Sie Docker zum Bereitstellen von Reaktionsprojekten

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie verwende ich Docker, um Reaktionsprojekte bereitzustellen?

Lernen Sie Schritt für Schritt, wie Sie React-Projekte in Docker bereitstellen (Nginx im Docker bereitstellen)

1. Überprüfen Sie, ob der Pull erfolgreich ist

docker pull nginx
Nach dem Login kopieren

3 Container

docker images
Nach dem Login kopieren

– Name: Benennen Sie den neu erstellten Container, hier ist: Reactweb

-p: Portzuordnung, ordnen Sie den 8088-Port des Hosts dem 80-Port des Containers zu, d. h. dem letzten Zugriff auf localhost:8088

-d: Geben Sie nach erfolgreichem Start die vollständige Container-ID aus. Möglicherweise müssen Sie die Nginx-Informationen ändern, um vim

docker run --name reactweb -p 8088:80 -d nginx
Nach dem Login kopieren

5 zu verwenden. Lokale Dateien in das Docker-Image kopieren : docker ps -a Zeigen Sie die

nginx-zugeordnete Adresse an, um den Container einzugeben. Überprüfen Sie dann die default.conf in /etc/nginx/conf.d. Der Standardwert ist usr/share/nginx/html

6 die Nginx-Konferenz

docker exec -it reactweb sh
Nach dem Login kopieren

Sie können lokal darauf zugreifen

Empfohlene Studie: „

React Video Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Docker zum Bereitstellen von Reaktionsprojekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage