打包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'));

注意事项

• 确保指定端口未被其他程序占用。
• 开发环境修改后需重启服务。
• 生产环境需同步更新部署脚本或服务器配置。