Question

我正在尝试更改create react app使用的默认端口。如果我使用＆＃34; start＆＃34;：＆＃34; PORT = 4000 react-scripts start＆＃34;并重新启动服务器，它工作正常。但是使用＆＃34; start＆＃34;：＆＃34; process.env.REACT_APP_PORT react-scripts start＆＃34;返回undefined。我的.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

创建react app默认端口env

1 个答案:

.env