如何强制create-react-app运行在0.0.0.0以实现公网可访问？

以下是修改环境变量、CLI参数无效时的可落地方案：

• 方案1：硬编码devServer绑定地址（临时生效，可配合补丁工具持久化）
  直接修改react-scripts内置的启动脚本，路径为node_modules/react-scripts/scripts/start.js，找到读取HOST参数的代码行，一般为：

  const host = process.env.HOST || '0.0.0.0';
  

  直接替换为const host = '0.0.0.0';即可。如果要避免重新安装依赖后修改失效，可以安装patch-package工具，修改完成后执行npx patch-package react-scripts生成补丁，后续依赖安装会自动应用该修改。
• 方案2：eject后修改webpack devServer配置
  运行npm run eject弹出create-react-app的全部配置（不可逆操作），打开config/webpackDevServer.config.js文件，找到devServer配置项，将host字段修改为0.0.0.0，同时可以将allowedHosts设置为'all'避免主机名校验拦截请求。
• 方案3：高优先级环境变量强制覆盖
  在项目根目录创建优先级最高的本地开发环境变量文件.env.development.local，写入以下两行配置：

  HOST=0.0.0.0
  DANGEROUSLY_DISABLE_HOST_CHECK=true
  

  配置完成后完全终止当前运行的开发服务，重新执行npm start启动即可生效。

注意：所有配置修改完成后，必须完全关闭正在运行的devServer进程再重启，否则新配置不会加载。

内容的提问来源于stack exchange，提问作者Supez38