react项目如何打开页面
运行 React 项目
确保已安装 Node.js 和 npm/yarn。在项目根目录下执行以下命令启动开发服务器:
npm start
# 或
yarn start
默认情况下,开发服务器会启动在 http://localhost:3000,浏览器将自动打开该地址。
配置自动打开浏览器
若浏览器未自动打开,可在 package.json 中修改 start 脚本,添加 BROWSER 环境变量:

"scripts": {
"start": "BROWSER=chrome react-scripts start"
}
Windows 用户需使用 set 命令:
"start": "set BROWSER=chrome&& react-scripts start"
手动访问页面
直接通过浏览器访问开发服务器地址(默认为 http://localhost:3000)。若端口被占用,终端会提示实际使用的端口号。

生产环境部署
构建生产版本并部署到服务器:
npm run build
将生成的 build 文件夹内容上传至 Web 服务器(如 Nginx、Apache)。通过服务器配置的域名或 IP 访问页面。
解决常见问题
- 端口冲突:通过
PORT环境变量指定其他端口:PORT=4000 npm start - HOST 配置:若需局域网访问,修改启动命令:
HOST=0.0.0.0 npm start






