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: