Wie kann ich den Zugriff außerhalb des lokalen Hosts bei Angular2 zulassen? Ich kann localhost:3030/panel
leicht navigieren, aber ich kann nicht navigieren, wenn ich meine IP wie z 10.123.14.12:3030/panel/
.
Könnten Sie mir bitte erlauben, wie ich das Problem beheben kann? Ich verwende nicht npm
(Knotenprojektverwaltung - Knoteninstallation / Knotenstart), um das Projekt zu installieren und auszuführen.
Wenn Sie möchten, kann ich meine package.json
und zur Verfügung stellen index.html
.
angular
typescript
ng-build
Tonyukuk
quelle
quelle
Antworten:
Mit
ng serve --host 0.0.0.0
können Sie eine Verbindungng serve
mit Ihrer IP anstelle von herstellenlocalhost
.BEARBEITEN
In neueren Versionen der CLI müssen Sie stattdessen Ihre lokale IP-Adresse angeben
BEARBEITEN 2
In neueren Versionen der CLI (ich denke, Version 5 und höher) können Sie sie erneut
0.0.0.0
als IP verwenden, um sie für alle in Ihrem Netzwerk zu hosten, mit denen Sie sprechen können.quelle
ng serve --open --host 0.0.0.0 --disable-host-check
Mac-Benutzer:
ng serve --host 192.168.1.x
Dann müssen Sie in der Lage sein, Ihre Seite auf anderen Geräten durch zu sehen
192.168.1.x:4200
.quelle
Führen Sie den Befehl "ng serve --host = 0.0.0.0 --disable-host-check" aus.
Dadurch wird die Hostprüfung deaktiviert und der Zugriff von außen (statt localhost) mit der IP-Adresse ermöglicht
quelle
ng serve --host 0.0.0.0
funktioniert gut für mich. Was soll der Host-Check tun?disabled-host-check
sonst bekam ich die Nachricht "Ungültiger Host-Header"Sie können den folgenden Befehl verwenden, um mit Ihrer IP zuzugreifen.
Wenn Sie npm verwenden und vermeiden möchten, dass der Befehl jedes Mal ausgeführt wird, können Sie der Datei package.json im Abschnitt scripts die folgende Zeile hinzufügen .
Anschließend können Sie Ihre App mit dem folgenden Befehl ausführen, um vom anderen System im selben Netzwerk darauf zuzugreifen.
quelle
Ich bearbeite einfach die
angular.json
Datei in meinem Projekt wie unten und es funktioniert...
...
quelle
Sie können auch den gesamten HTTP-Verkehr, der über Ihre Tunnel läuft , mit ngrok überprüfen und dann mit verfügbar machen
ngrok http --host-header=rewrite 4200
quelle
Öffnen Sie cmd und navigieren Sie zum Projektspeicherort, dh wo Sie npm install oder ng serve für das Projekt ausführen.
Führen Sie dann den Befehl aus -
ng serve --host 10.202.32.45
wo10.202.32.45
ist Ihre IP-Adresse?Sie können auf Ihre Seite zugreifen, bei der
10.202.32.45:4200
4200 Ihre Portnummer ist.Hinweis: Wenn Sie Ihre App mit diesem Befehl bereitstellen, können Sie nicht darauf zugreifen
localhost:4200
quelle
Für das Problem war Firewall. Wenn Sie unter Windows arbeiten, stellen Sie sicher, dass der Knoten zugelassen ist
quelle
Eine schnelle Lösung, die jemandem helfen könnte:
Fügen Sie diese Zeile als Wert für den Start
ng serve --host 0.0.0.0 --disable-host-check
in Ihrepackage.json
Ex:
Und dann einfach
start
odernpm run start
Sie können von anderen lokalen IPs auf Ihr Projekt zugreifen.
quelle
Erstellen Sie
proxy.conf.json
diese Konfiguration und fügen Sie sie einErsetzen:
Von der CLI ausführen:
quelle
Für mich funktioniert es mit "ng serve --open --host 0.0.0.0", aber es gibt eine Warnung
WARNUNG: Dies ist ein einfacher Server zum lokalen Testen oder Debuggen von Angular-Anwendungen. Es wurde nicht auf Sicherheitsprobleme überprüft.
Das Binden dieses Servers an eine offene Verbindung kann zu einer Gefährdung Ihrer Anwendung oder Ihres Computers führen. Die Verwendung eines anderen Hosts als dem an das Flag "--host" übergebenen kann zu Problemen mit der Websocket-Verbindung führen. In diesem Fall müssen Sie möglicherweise "--disableHostCheck" verwenden.
quelle
Kein package.json muss geändert werden.
Bei mir funktioniert es mit:
Host: http: // localhost: 5999 /
Oder ohne bestimmten Port:
Host: http: // localhost: 4200 /
Es ist möglich, lokale IP vom Computer zu verwenden:
Öffnen Sie den Endtyp Comand Prompt
Schreiben Sie das IPV4 aufIn meinem Fall
192.168.0.14
ist mein IPV4, setzen Sie IhrenHost: http://192.168.0.14:4200
quelle
Verwenden Sie
ng serve --host<Your IP> --port<Required if any>
.ng serve --host = 192.111.1.11 --port = 4545.
Sie können jetzt die folgende Zeile am Ende der Kompilierung sehen.
quelle
Für die Benutzer des Knotenprojektmanagers reicht auch diese Zeile aus, die zu package.json hinzugefügt wird. Für eckige CLI-Benutzer ist die Antwort von mast3rd3mon wahr.
Du kannst hinzufügen
zu package.json
quelle