webpack 在localhost子域上运行Create React App时主机头无效

wko9yo5t  于 2023-06-23  发布在  Webpack
关注(0)|答案(5)|浏览(144)

更新到react-scripts 1.0.0后,当我尝试在localhost子域上的浏览器中打开我的应用程序时,会出现以下错误:'无效的主机标头'
我的应用程序设置为为不同的子域提供不同的数据:1000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
我发现将下面的代码添加到我的webpack配置应该可以解决这个问题。

devServer: {
  disableHostCheck: true
}

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

yeotifhr

yeotifhr1#

开发环境的一个简单解决方案是设置以下环境变量:DANGEROUSLY_DISABLE_HOST_CHECK=true
这可以通过例如。将该行添加到项目根目录下的.env文件中。请注意,这不是一个安全的解决方案,不应在生产中使用。

rfbsl7qr

rfbsl7qr2#

请更新到react-scripts@1.0.2
它为不使用React中proxy功能的用户修复了这个问题。
如果您确实使用proxy功能,请按照以下说明操作。

wf82jlnq

wf82jlnq3#

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

vkc1a9a2

vkc1a9a24#

.env文件中添加HOST,然后创建react应用程序,而不是localhost。如果它不能解决问题,那么在.env文件中添加DANGEROUSLY_DISABLE_HOST_CHECK=true
不要忘记重新启动开发服务器。

HOST=mydevserver.com
6mw9ycah

6mw9ycah5#

运行一个基本的yarn命令就可以解决问题

相关问题