如何将 Angular 4 localhost 提供给 ngrok?

How can I serve Angular 4 localhost to ngrok?

我想使用 ngrok 使我的本地开发可供需要使用 webhooks 的外部 api 使用,但是当我 运行 ngrok 在端口 4200 上时,Angular 给我 Invalid Host Header 当我尝试从 ngrok link 访问站点时。有谁知道我如何使用 ngrok 从本地主机外部访问 angular ng 服务?

谢谢

我设法通过了无效主机 header,如果您这样做 ng serve --disable-host-check,您将不会收到该错误,它应该 运行 在 ngrok 中。

编辑:我一直在尝试将 ngrok 用于远程 selenium 网格,但如果有人有任何想法请告诉我,我无法让它工作

我通过禁用主机检查选项尝试了 运行 ng serve on prod 环境并且成功了,

命令 1:

ng serve --prod --host 0.0.0.0 --disable-host-check。 并尝试将 ngrok 与以下解决方案一起使用

命令2:

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

这适用于单行代码:

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

它正在运行,但它在控制台中抛出错误 Invalid Host/Origin header + [WDS] Disconnected!...

小提醒,我自己面临的一个问题。对我来说,Diego Santa Cruz Mendezú 的解决方案奏效了。但它只在我的 Google Chrome 'Incognito' 浏览器中对我有用,因为那样我的所有扩展都被禁用了!提醒一下,控制台错误也可能是扩展错误,因此网站可能无法(正确)显示,我这边就是这种情况。