Ressource en ligne: How to allow access outside localhost.

Problème

J’ai une appli Angular qui tourne dans une machine virtuelle Ubuntu Server (sous Virtual Box). Lorsque je tape la commande ng serve, la compilation s’effectue correctement et j’ai un message de log qui me dit: ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **.

Problème: je n’ai pas accès à l’application à l’adresse http://localhost:4200/ depuis mon navigateur sous Windows.

Solution

Dans la machine virtuelle, commencer par taper ifconfig. Il faut alors récupérer la valeur de eth1 > inet adr (dans mon exemple ci-dessous: 192.168.56.101).

eth1 Link encap:Ethernet HWaddr 08:00:27:99:e5:9a
inet adr:192.168.56.101 Bcast:192.168.56.255 Masque:255.255.255.0
adr inet6: fe80::a00:27ff:fe99:e59a/64 Scope:Lien
UP BROADCAST RUNNING MULTICAST MTU:1500 Metric:1
Packets reçus:10502 erreurs:0 :0 overruns:0 frame:0
TX packets:19907 errors:0 dropped:0 overruns:0 carrier:0
collisions:0 lg file transmission:1000
Octets reçus:680007 (680.0 KB) Octets transmis:27440635 (27.4 MB)

Ensuite, toujours dans la machine virtuelle, taper ng serve --host 192.168.56.101 (remplacer l’IP dans mon exemple par votre propre IP, bien-sûr).

Puis, dans votre navigateur, taper l’URL qui vous est donnée par le log (avec mon exemple: http://192.168.56.101:4200/).

La config réseau de ma VM sous Virtual Box (au cas où)

Si la solution plus haut ne fonctionne pas, vérifier peut-être la config réseau de votre machine virtuelle. Dans l’application Virtual Box (sous Windows cette fois…) clic droit sur votre VM > Configuration > onglet Réseau > onglet Carte 1. Chez moi, j’ai ceci: