如何为 ngrok 提供 Angular 4 localhost 服务？

Question

我想使用 ngrok 使我的本地开发可用于需要使用 webhooks 的外部 api，但是当我在端口 4200 上运行 ngrok 时，当我尝试从 ngrok 链接访问该站点时，Angular 会给出

Invalid Host Header

。有谁知道我如何使用 ngrok 从本地主机外部访问 Angular ng 服务？

谢谢

Answer 1

我设法克服了无效的主机标头，如果你这样做了

ng serve --disable-host-check

，你将不会收到该错误，它应该在 ngrok 中运行。

编辑：我一直在尝试使用 ngrok 进行远程硒网格，但无法让它工作，如果有人有任何想法请告诉我

Answer 2

我尝试通过禁用主机检查选项在产品环境中运行 ng 服务，它起作用了，

命令1：

ng serve --prod --host 0.0.0.0 --disable-host-check

。 并尝试使用 ngrok 和以下解决方案

Cmd2：

ngrok http 4200 -host-header="localhost:4200"

Answer 3

这适用于单行代码：

ngrok http 4200 -host-header="localhost:4200"

Answer 4

它正在工作，但它在控制台中抛出错误

Invalid Host/Origin header

+

[WDS] Disconnected!

...

Answer 5

小提醒，我自己也面临着一个问题。对我来说，迭戈·圣克鲁斯·门德祖的解决方案有效。但它只适用于我的 Google Chrome“隐身”浏览器，因为这样我的所有扩展程序都会被禁用！只是提醒一下，控制台错误也可能是扩展错误，因此该网站可能无法（正确）显示，我这边就是这种情况。

Answer 6

ngrok http --host-header=localhost:4200 4200