在使用create-react-app工具构建react项目时,我们可以不用关心项目的配置项。但,如果我们需要同时启动多个react项目时,我们会发现项目端口被占用了,因此我们该如何修改默认端口配置呢?
1. 弹出项目配置项
在我们构建项目时,使用
npm run eject
弹出项目配置项
2. scripts文件夹start.js中修改配置
// Tools like Cloud9 rely on this.
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 4000;
const HOST = process.env.HOST || '0.0.0.0';
重启项目,这样我们就修改了项目server的端口或host。