ngrok尝试连接到React开发服务器时无效的主机头

村村神无猴子2020-03-11

我正在尝试在移动设备上测试我的React应用程序。我正在使用ngrok使本地服务器可用于其他设备，并且可以与其他各种应用程序一起使用。但是，当我尝试将ngrok连接到React开发服务器时，出现错误：

Invalid Host Header

我相信默认情况下，React会阻止来自另一个来源的所有请求。有什么想法吗？

小卤蛋宝儿2020/03/11 12:16:37

我遇到类似的问题，发现有两种解决方案，它们可以直接在浏览器中查看应用程序

ngrok http 8080 -host-header="localhost:8080"
ngrok http --host-header=rewrite 8080

显然用您正在运行的任何端口替换8080

当我在嵌入式页面中使用此解决方案时，此解决方案仍会引发错误，该错误会从react应用程序中获取bundle.js。我认为，因为它将标头重写为localhost，所以在嵌入时，它正在寻找的localhost是该应用程序不再在其上运行

Newest Answer