react前台如何启动

启动 React 前端项目的常见方法

通过 npm 或 yarn 启动开发服务器
确保项目根目录已安装依赖（node_modules）。运行以下命令启动开发服务器：

npm start
# 或
yarn start

默认情况下，项目会在浏览器中自动打开 http://localhost:3000，并支持热重载（代码修改后自动刷新）。

使用自定义端口或主机
若需修改默认端口或绑定特定 IP，可在 package.json 中调整 start 脚本，或直接通过环境变量指定：

PORT=4000 HOST=0.0.0.0 npm start

适用于多项目并行或 Docker 容器等场景。

生产环境构建与启动
需先构建静态文件，再通过静态服务器（如 serve）运行：

npm run build
npx serve -s build

构建后的文件位于 build 目录，-s 参数确保路由兼容 SPA（单页应用）。

解决常见问题

• 依赖缺失：运行 npm install 或 yarn install 安装依赖。
• 端口占用：通过 lsof -i :3000（Linux/macOS）或 netstat -ano（Windows）查找并终止占用进程。
• 环境变量：在项目根目录创建 .env 文件，配置如 BROWSER=none 禁止自动打开浏览器。

通过 Docker 启动
若项目包含 Dockerfile，可构建镜像并运行容器：

docker build -t react-app .
docker run -p 3000:3000 react-app

适用于需要隔离环境或部署到云服务的场景。