在 Teamviewer 上本地运行 Angular 项目答案

【问题标题】：Run angular project locally on Teamviewer在 Teamviewer 上本地运行 Angular 项目
【发布时间】：2018-06-15 04:40:07
【问题描述】：

我正在研究 Angular 2。项目正在使用“ng-serve 或 npm-start”命令在本地编译和运行。现在 Teamviewer 已连接以访问 Safari 浏览器。因为 localhost:4200 没有运行。

如何在 Teamviewer 浏览器本地运行项目？我试过了，

ng serve --host=localIP
ng serve --host localIP
start http://localhost:4200 & ng serve -port 4200

但没有任何效果。

我将 .angular-cli.json 更改为

"defaults": {
"serve": {
  "port": 4200,
  "host": "localIP"
},
"styleExt": "css",
"component": {}

}

和 baseUrl: 'http://localIP:4200/' 在 config.js 中。

所以任何人请帮助我在teamviewer中本地运行项目的命令是什么？提前致谢。

【问题讨论】：

【解决方案1】：

您可以使用ng serve --host 0.0.0.0 在您的newtork 上提供您的服务。

假设你的 IP 地址是 1.2.3.4，其他人将可以通过它访问它

http://1.2.3.4:4200/

如果他们不在同一个网络上，您将不得不向全世界开放您的端口。

为此，您只需要一个 NAT PAT 规则

origin: *
port range : 4200 - 4200
IP destination: 1.2.3.4
port destination: 4200

不需要teamviewer！

【讨论】：

不，我使用的是 Windows 操作系统。但我需要在 Safari 浏览器上进行测试。所以我通过teamviewer从其他浏览器连接了Safari浏览器。所以我需要在 teamviewer 上工作，但网站无法打开。
不管你的操作系统还是你的浏览器，我说的是网络。网络不关心你的操作系统或浏览器，只关心你的 IP 和端口。这是一种解决方案，如果您不想要，那我没有其他解决方案。
我使用了 localip:port。它在我电脑中的所有浏览器中打开。但不能用其他电脑打开。好的，我必须在哪里添加这个来源：* 端口范围：4200 - 4200 IP 目标：1.2.3.4 端口目标：4200
是的。我用的是同一个ip。我还需要知道我必须在哪里添加你之前给出的内容？
你能发布你启动的命令吗？这是一条 NAT PAT 规则，你知道那是什么吗？