reactjs - 如何指定端口来运行基于 create-react-app 的项目？

Question

我的项目基于create-react-app 。默认情况下，npm start 或 yarn start 将在端口 3000 上运行应用程序，并且 package.json 中没有指定端口的选项。

在这种情况下如何指定我选择的端口？我想同时运行此项目的两个(用于测试)，一个在端口 3005 中，另一个在 3006

中

Answer 1

如果您不想设置environment variable ，另一个选择是修改 package.json 的 scripts 部分:

"start": "react-scripts start"

至

Linux(在 Ubuntu 14.04/16.04 上测试)和 MacOS(在 MacOS Sierra 10.12.4 上由 aswin-s 测试):

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

或者(可能是)更通用的解决方案 IsaacPak

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

Windows JacobEnsor的解决方案

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

跨环境库适用于任何地方。请参阅 Aguinaldo Possatto 的 answer了解详情

由于我的答案很受欢迎而更新:目前我更喜欢使用保存在 .env 中的环境变量文件(用于以方便且可读的形式存储不同部署配置的变量集)。如果您仍将 secret 存储在 .env 文件中，请不要忘记将 *.env 添加到 .gitignore 中。 Here解释了为什么在大多数情况下使用环境变量更好。 Here这解释了为什么在环境中存储 secret 是个坏主意。