如何从其他机器访问角度6应用程序?

Question

我安装了Angular 6，它在我的本地机器上运行。但不要运行另一台连接本地网络的机器。我已经尝试了这些步骤，但没有使用。

ng serve --host 10.0.136.126 // http://10.0.136.126:4200
ng serve --host 0.0.0.0 // http://10.0.136.126:4200
ng serve --host=0.0.0.0 // http://10.0.136.126:4200
ng serve --host=0.0.0.0 --disable-host-check // http://10.0.136.126:4200
ng serve --host 10.0.136.126 --disable-host-check // http://10.0.136.126:4200

上面的命令在我的机器中工作正常，但在连接的本地网络的同事机器中无法正常工作。 我使用的是 ubuntu16.04，在 ubuntu 和 Windows 机器上都进行了测试。 版本：

Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 6.0.4
node --version => 6.1.0
npm --version => 8.11.3

但是我可以访问我的phpmyadmin或任何在其他机器中具有 http://10.0.136.126/phpmyadmin 的php项目。

Answer 1

是的，罪魁祸首是 ubuntu 16.04 机器中带有端口号的防火墙。必须检查防火墙。并通过以下方式添加端口号

sudo ufw allow 4200/tcp

Answer 2

如果你正在访问你的php-projects和phpMyAdmin，这意味着已经有一个服务器在运行。

因此，为了使用您的角度项目，您可以轻松地在服务器上部署。

1. 运行ng build --base-herf .// dont forget the dot

2. 将 DIST 文件夹复制到服务器的 www 文件夹中。

   • 如果您使用的是 Apache 请复制 dist 文件夹并将其粘贴到/var/www/html 中

然后，您可以访问角度项目 http://10.0.136.126/dist

让我知道这是否有帮助。