Angular 4 Fehler beim Laden der Ressource: net :: ERR_CONNECTION_REFUSED

Question

Ich denke, ich werde am Anfang meiner Anwendung starten.

Ich mache eine volle Mean-Stack-Anwendung und ich möchte es in Docker laufen. Um docker zu benutzen benutze ich eine virtuelle Box mit Ubuntu. Wenn ich meinen Docker-Compose ausführe, funktioniert alles auf localhost: 4200. Jetzt möchte ich meine Anwendung auf meinem Host-Rechner (Windows 7) öffnen. Wenn ich auf meine Anwendung über (ip addres geheim gehalten werden sollte, nicht wahr?) Xxx.xxx.xx.xxx:4200/login die Seite gut aussieht, aber ich bekomme diese Fehler:

Ich benutze Angular cli 1.4.1 mit Knoten 8.4.0

Warum bekomme ich diese Fehler und wie behebe ich sie?

Mein Docker-komponieren

Answer 1

Ihr Server, der auf Port abhört 4200 hört auf xxx.xxx.xxx.xxx Schnittstelle (nicht notwendig lan IP zu verstecken, aber macht nichts ...).

Ihre eckige Anwendung läuft auf Ihrem Host-System. Der localhost ist der localhost Ihres Hostsystems, nicht der Gast. so haben Sie zwei Möglichkeiten:

• Ihre Urls in der Winkel Anwendung Wechsel zu xxx.xxx.xxx.xxx:4200 statt localhost:4200 zu zeigen.
• Umleiten Ihren 4200-Anschluss von Ihrem Host zu Ihrem Gastsystem mit virtueller Box:
  1. Shutdown Gast.
  2. Wählen Sie Gast und klicken Sie auf settings
  3. gehen Sie auf die Registerkarte Netzwerk.
  4. , klicken Sie auf "Erweitert"
  5. wählen Sie dann "Ports Umleitungen" und binden Ihre Gastgeber 127.0.0.1:4200 zu Ihrem 4200 Gasthafen