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

reactjs React.js

村村神无猴子

2020-03-11

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

Invalid Host Header 

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

第652篇《ngrok尝试连接到React开发服务器时无效的主机头》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
小卤蛋宝儿 2020.03.11

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

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

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android