Node.js 如何将react中的默认端口从3000更改为另一个端口？ 如何将默认端口3000更改为其他端口？

默认情况下，ReactJS应用程序在端口3000上运行。Express.js应用程序也在同一端口3000上运行。如果同时运行这两个应用程序，则会出现冲突。您需要更改其中一个的端口。 在ReactJS中，更改端口号的最简单方法是通过终端将名为port的环境变量设置为所需的数字。例如，这里我们将端口号更改为5000

如果在Linux和Mac终端中使用，则

$export PORT=5000

或者，如果在Windows中使用，则命令略有不同

$env:PORT=5000

最后启动npm

npm start

注意：它是用于.env文件的 如果要修改您的package.json 默认为

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
}

并通过

  "start": "PORT=2000 react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
}

终于又跑了

我用这个 修改您的package.json Linux和MacOS：

"start": "PORT=3006 react-scripts start"

或

或窗户

"start": "set PORT=6000 && react-scripts start"

最后重新启动npm

npm start

我尝试通过使用这个和success来更改默认端口，所以您可以尝试

---

如果有更好的解决方案，请帮助我一个更好的方法是将

.env

文件添加到您的根文件夹中。在信中写下：

端口=

这种方法更好，因为您不必考虑所有操作系统。由于

create-react-app

的工作方式，它只适用于所有用户