创建反应的应用程序内的本地和开发环境变量

Question

我.env.local与

REACT_APP_BACKEND_BASEURL=http://localhost:8080/ 

和.env.development与

REACT_APP_BACKEND_BASEURL=http://deployedserverurl:8080/ 

我该如何选择上开始正确的ENV文件？ 现在，它更喜欢通过本地的开发环境文件。

npm start --env=local似乎不工作，我错过了什么？

Answer 1

根据当前环境导入环境变量。有一个内置的特殊环境变量create-react-app，称为NODE_ENV。总之，在运行npm start时，NODE_ENV变量设置为开发，并在运行npm run build时设置为生产。因此，如果在项目的根目录中创建了.env.development，则在运行npm start时，将在环境中搜索这些变量定义。

此外，请确保使用process.env.REACT_APP_APP_BACKEND_BASEURL正确使用它们。

如果您需要关于所有的有关不同类型的.ENV文件的详细内容，从React Docs检查这些了：

env：默认。

.env.local：本地覆盖。 该文件适用于除测试以外的所有环境。

.env.development,.env.test,.env.production：环境特定的设置。

.env.development.local,.env.test.local,.env.production.local：环境特定设置的本地覆盖。