更新到react-scripts 1.0.0后，当我尝试在localhost子域中的浏览器中打开我的应用程序时出现此错误：＆＃39; Invalid Host header＆＃39;
我的应用设置为不同子域提供不同的数据： group1.localhost：3000 group2.localhost：3000 ...
我发现将下面的代码添加到我的webpack配置中可以解决问题。
devServer: {
disableHostCheck: true
}
但是如何在没有弹出的情况下在CRA中修复它？
答案 0 :(得分：4)
开发环境的一个简单解决方案是设置以下环境变量：DANGEROUSLY_DISABLE_HOST_CHECK=true
这可以通过例如将该行添加到项目根目录中的.env文件中。请注意，这不是安全的解决方案，不应在生产中使用。
答案 1 :(得分：2)
请更新至react-scripts@1.0.2
它修复了在React中未使用proxy功能的用户的问题。
如果您 使用proxy功能，请follow these instructions。
答案 2 :(得分：1)
通过将0.0.0.0 <domain>添加到/etc/hosts文件中，并在我的.env中添加const items = [
{ id: 1, label: 'foo' },
{ id: 2, label: 'bar' },
{ id: 3, label: 'lorem' },
{ id: 4, label: 'ipsum' },
]
const sortedItemIds = [4, 3, 2, 1]
来解决了这个问题。
答案 3 :(得分：0)
在您的.env文件中添加主机，然后将主机（而不是localhost）创建为react app。如果仍不能解决问题，请在DANGEROUSLY_DISABLE_HOST_CHECK=true文件中添加.env。
别忘了重启开发服务器。
HOST=mydevserver.com