environment-variables - 创建 React 应用默认端口 env

Question

我正在尝试更改 create react app 使用的默认端口。如果我使用 "start": "PORT=4000 react-scripts start"并重新启动服务器，它工作正常。但是使用 "start": "process.env.REACT_APP_PORT react-scripts start"返回未定义。我的 .env.development 文件有 REACT_APP_PORT=4000，我可以从 index.js 控制台记录端口，所以它似乎在那个时候设置好了

Answer 1

process.env.PORT 将在所需的端口上启动应用程序(当前 CRA 版本是 1.1.4 在此响应时)

因此在你的 env 文件中

.环境

# Works
  PORT=4000
# Won't Work
  REACT_APP_PORT=4000

这是因为 PORT 在构建时由 webpack(在 CRA 中)使用，而不是在运行时由 React 使用。

可以找到不需要 REACT_APP 前缀的变量列表 here