打包react项目如何指定端口
指定端口运行 React 项目的方法
开发环境(使用 react-scripts)
在 package.json 的 scripts 部分修改 start 命令,通过 PORT 环境变量指定端口。例如设置为 3001:
"scripts": {
"start": "set PORT=3001 && react-scripts start"
}
Linux/macOS 需改用:
"start": "PORT=3001 react-scripts start"
通过 .env 文件配置
在项目根目录创建 .env 文件,添加以下内容:

PORT=3001
此方法跨平台兼容,无需修改 package.json。
生产环境(静态服务器)
若使用 serve 部署,运行命令时指定端口:

serve -s build -l 3001
其他服务器(如 express)需在代码中配置端口:
const express = require('express');
const app = express();
app.use(express.static('build'));
app.listen(3001, () => console.log('Running on port 3001'));
注意事项
- 确保指定端口未被其他程序占用。
- 开发环境修改后需重启服务。
- 生产环境需同步更新部署脚本或服务器配置。






