运行在 localhost 子域上创建 React App 时主机无效 header

Question

更新到 react-scripts 1.0.0 后，当我尝试在本地主机子域上的浏览器中打开我的应用程序时出现此错误：'Invalid Host header'

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

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

devServer: {
  disableHostCheck: true
}

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

Answer 1

请更新至react-scripts@1.0.2。
它为不使用 React 中的 proxy 功能的用户修复了这个问题。

如果您使用proxy功能，请follow these instructions。

Answer 2

除了将域添加到 .env 文件外，还通过在我的 /etc/hosts 中添加 0.0.0.0 <domain> 解决了这个问题。

Answer 3

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

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

Answer 4

在您的 .env 文件中添加主机，然后创建反应应用程序将成为您的主机，而不是 localhost。如果它不能解决问题，请在 .env 文件中添加 DANGEROUSLY_DISABLE_HOST_CHECK=true。

别忘了重启开发服务器。

HOST=mydevserver.com

Invalid Host header when running Create React App on localhost subdomain