如何从Vagrant盒子中运行angular-cli？

Question

我已经将angular-cli与节点v6.5.0和npm v3.10.3安装到我的vagrant(Scotch)盒子中.运行'ng serve --port 4201'之后,我可以看到构建成功并且应用程序现在在http:// localhost:4201 /上提供服务

但是我不能只使用上面的地址,因为我在VM上运行.我试图将'127.0.0.1:4201'添加到主机上的hosts文件中,但无法正常工作.

谢谢

Answer 1

ng serve像这样运行:

ng serve --host 0.0.0.0

这将使您的流浪汉机器中的服务器可以使用其ip(我的是宅基地为192.168.10.10)和(http://192.168.10.10:4200)的默认4200端口从外部访问.angular serve

更多信息:

• StackOverflow回答:

127.0.0.1是一个环回地址,因此如果将此IP(或localhost)分配给服务器的配置,则无法从其他网络接口访问它,因此您无法从VM外部访问它.如果将服务器绑定到0.0.0.0,则可用于所有接口

• 角度CLI

Answer 2

您必须向Vagrantfile添加一些配置.

要访问网站添加这些行(它帮助我):

config.vm.network "private_network", ip: "192.168.100.100"
config.vm.network "forwarded_port", guest: 4200, host: 4200
config.vm.network "forwarded_port", guest: 49152, host: 49152

您可以访问以下网站:http://192.168.100.100:4200 /

Answer 3

Vagrant (VM) 不会触发文件更改事件。此错误已报告给 VirtualBox 社区，并设置为不会修复。目前还无法通过 Vagrant 使用 Angular 2。请参阅GitHub 上的此问题以获取相关讨论。