在本地主机子域上运行 Create React App 时主机标头无效

Question

更新到 react-scripts 1.0.0 后，当我尝试在本地主机子域上的浏览器中打开我的应用程序时出现此错误：“无效的主机标头”

我的应用程序设置为为不同的子域提供不同的数据：group1.localhost:3000 group2.localhost:3000 ...

我发现将下面的代码添加到我的 webpack 配置中应该可以解决这个问题。

devServer: {
  disableHostCheck: true
}

但是如何在不弹出的情况下在 CRA 中修复它？

Answer 1

开发环境的一个简单解决方案是设置以下环境变量： DANGEROUSLY_DISABLE_HOST_CHECK=true

这可以通过例如将该行添加到.env项目根目录中的文件来完成。请注意，这不是一个安全的解决方案，不应在生产中使用。

Answer 2

请更新至react-scripts@1.0.2.
它为不使用proxyReact 中的功能的用户解决了这个问题。

如果您确实使用该proxy功能，请按照以下说明进行操作。