react如何修改端口

修改 React 项目的端口

在开发 React 应用时，默认端口通常是 3000。如果需要修改端口，可以通过以下方法实现：

方法一：通过环境变量修改

在项目根目录下的 .env 文件中添加以下内容：

PORT=5000

保存文件后重启开发服务器，应用将在新端口（如 5000）运行。

方法二：通过启动命令修改

在 package.json 文件中修改 scripts 部分：

"scripts": {
  "start": "set PORT=5000 && react-scripts start"
}

对于 Linux/macOS 系统，使用：

"scripts": {
  "start": "PORT=5000 react-scripts start"
}

方法三：通过配置文件修改

对于使用 create-react-app 创建的项目，可以在 node_modules/react-scripts/scripts/start.js 中找到默认端口设置。但不推荐直接修改此文件，因为会被重新安装覆盖。

注意事项

• 确保新端口未被其他应用占用
• 修改后需要重新启动开发服务器
• 生产环境部署时端口通常由服务器配置决定，与开发设置无关