当ngrok尝试连接到React开发服务器时，主机标头无效
当ngrok尝试连接到React开发服务器时，主机标头无效
提问于 2017-08-01 05:39:49
我正在尝试在移动设备上测试我的React应用程序。我正在使用ngrok使我的本地服务器可供其他设备使用，并已将其与各种其他应用程序配合使用。然而，当我尝试将ngrok连接到React dev服务器时，我得到了错误：
Invalid Host Header 我相信React在默认情况下会阻止来自其他来源的所有请求。有什么想法吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2017-08-04 05:14:33
我遇到了一个类似的问题，并找到了两种可以直接在浏览器中查看应用程序的解决方案
ngrok http 8080 -host-header="localhost:8080"
ngrok http --host-header=rewrite 8080显然将8080替换为您正在运行的任何端口
当我在嵌入式页面中使用它时，这个解决方案仍然会引发错误，它会从react应用程序中拉出bundle.js。我认为，由于它将头文件重写为localhost，因此当这段代码被嵌入时，它将查找不再运行应用程序的localhost
Stack Overflow用户
发布于 2021-09-01 15:50:17
不知道为什么，我试了所有的方法，但对我不起作用。最终对我起作用的是：ngrok http https://localhost:4200 -host-header="localhost:4200"
它可能对某些人有用
Stack Overflow用户
发布于 2020-08-20 11:34:58
如果你使用的是webpack的devServer，最简单的方法就是设置disableHostCheck，像这样检查webpack doc
devServer: {
contentBase: path.join(__dirname, './dist'),
compress: true,
host: 'localhost',
// host: '0.0.0.0',
port: 8080,
disableHostCheck: true //for ngrok
},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45425721
复制相关文章
相似问题