react如何设置host

设置 React 开发服务器的 Host

在开发过程中，可能需要修改 React 开发服务器的默认 Host（通常为 localhost）。以下是几种常见方法：

通过环境变量配置

在项目根目录创建或修改 .env 文件，添加以下内容：

HOST=0.0.0.0

这会允许从同一网络中的其他设备访问开发服务器。

通过 package.json 修改启动命令

在 package.json 的 scripts 部分修改 start 命令：

"scripts": {
  "start": "react-scripts start --host 0.0.0.0"
}

使用自定义配置文件

对于需要更复杂配置的情况，可以创建 react-scripts.config.js 文件：

module.exports = {
  devServer: {
    host: '0.0.0.0',
    port: 3000
  }
};

通过命令行参数临时设置

直接运行开发服务器时指定 Host：

npm start -- --host 0.0.0.0

生产环境 Host 配置

生产环境中，Host 通常由部署的服务器（如 Nginx、Apache）或云服务配置决定，不在 React 应用中设置。