react项目如何打开页面

运行 React 项目

确保已安装 Node.js 和 npm/yarn。在项目根目录下执行以下命令启动开发服务器：

npm start

或

yarn start

默认情况下，开发服务器会在浏览器中自动打开 http://localhost:3000。

手动访问页面

如果浏览器未自动打开，可通过以下方式访问：

• 直接输入 http://localhost:3000 到浏览器地址栏
• 若端口被占用，终端会提示实际使用的端口号（如 http://localhost:3001）

生产环境访问

构建生产版本后，可通过静态服务器访问：

npm run build

生成的 build 文件夹可通过以下方式部署：

• 使用 serve 工具：

  npx serve -s build

• 配置 Nginx/Apache 指向 build 目录

解决常见问题

端口冲突时修改启动端口：

• 创建/修改 .env 文件添加：

  PORT=3001

• 或通过启动命令指定：

  PORT=3001 npm start

跨设备访问

允许同一网络下的设备访问：

HOST=0.0.0.0 npm start

其他设备可通过本机 IP 地址加端口号访问（如 http://192.168.1.100:3000）