Webpack 在localhost子域上运行Create React应用程序时主机标头无效

Webpack 在localhost子域上运行Create React应用程序时主机标头无效,webpack,create-react-app,Webpack,Create React App,更新到react scripts 1.0.0后,当我尝试在本地主机子域上的浏览器中打开我的应用程序时,出现以下错误:“无效主机头” 我的应用被设置为为为不同的子域提供不同的数据: group1.localhost:3000 group2.localhost:3000 我发现将下面的代码添加到我的网页配置中应该可以解决这个问题 devServer: { disableHostCheck: true } 但是我如何在CRA中修复它而不弹出?请更新到react-scripts@1.0.2 它为

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

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

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

devServer: {
  disableHostCheck: true
}

但是我如何在CRA中修复它而不弹出?

请更新到
react-scripts@1.0.2

它为不使用React中的
代理功能的用户修复了此问题


如果您使用
代理功能,请。

除了将域添加到
.env
文件之外,还通过在my
/etc/hosts
中添加
0.0.0
解决了这个问题。

开发环境的一个简单解决方案是设置以下环境变量:
危险地禁用\u HOST\u CHECK=true


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

在您的
.env
文件中添加主机,然后创建react应用程序,而不是
本地主机。如果没有解决问题,则在
.env
文件中添加
危险地禁用\u主机\u检查=true

不要忘记重新启动开发服务器

HOST=mydevserver.com

对于多个子域,请跟踪此问题:。即使使用您的初始解决方案(
devServer:{disableHostCheck:true}
),我仍然无法解决此问题。知道怎么回事吗?上面写着add
HOST=mypublicdevhost.com
我在哪里找到/我的“mypublicdevhost”是什么?请将它添加到根文件夹的.env.development文件中谢谢!这也是我的设想。我在
.env
中也有一个
HOST=local.companydomain.com
,但需要在我的
/etc/hosts
中添加
0.0.0.0 local.companydomain.com
。在生产环境中使用它有多粗略?