react 后如何设置端口
修改默认端口的方法
在 React 项目中，默认的开发服务器端口通常是 3000。如果需要更改端口，可以通过以下方式实现：
方法一：通过环境变量设置
在项目根目录下的 .env 文件中添加以下内容：
PORT=8080保存后重启开发服务器，应用将运行在 8080 端口。
方法二：通过启动命令指定
在 package.json 的 scripts 部分，修改启动命令：
"start": "set PORT=8080 && react-scripts start"对于 Linux/macOS 系统，使用：
"start": "PORT=8080 react-scripts start"方法三：通过配置文件修改
如果使用自定义 webpack 配置，可以在 webpack.config.js 中设置：
devServer: {
port: 8080
}生产环境端口设置
对于生产环境，端口通常由部署的服务器决定。例如：
Node.js 服务器
const express = require('express');
const app = express();
app.listen(8080);Nginx 配置
server {
listen 8080;
location / {
root /path/to/build;
try_files $uri /index.html;
}
}解决端口冲突问题
当端口被占用时，可以：
- 使用
netstat -ano查找占用进程并终止 - 选择其他可用端口
- 设置自动选择空闲端口：
const port = process.env.PORT || 0; // 0 表示自动选择
多环境端口配置
可以通过不同环境变量文件管理端口：
.env.development:PORT=3000.env.production:PORT=8080.env.test:PORT=3001
启动时根据环境自动加载对应配置。
