reactjs - dotenv : how to set custom path

Question

这是我的架构，我想访问 .env 文件

我尝试了所有解决方案，__dirname、find-config、ckey 并阅读了所有堆栈解决方案。我不明白为什么我的 .env 文件没有加载....

控制台输出总是:

{NODE_ENV: "development", PUBLIC_URL: ""}

Answer 1

如果您使用 create-react-app 来引导您的应用程序，react-scripts 模块会为您设置环境变量。但是，有一个陷阱。所有 React 环境变量都需要以 REACT_APP 为前缀。因此，您的环境变量将是:REACT_APP_MY_ENV_VARIABLE。

你不应该导入 dotenv。更改 .env 文件后，您必须重新启动开发服务器。这是 create-react-app 文档的摘录。 .env 必须出现在项目的根目录中。

Note: You must create custom environment variables beginning with REACT_APP_. Any other variables except NODE_ENV will be ignored to avoid accidentally exposing a private key on the machine that could have the same name. Changing any environment variables will require you to restart the development server if it is running.

您可以在 create-react-app documentation 中使用 create-react-app 阅读有关环境变量和 .env 文件的更多信息.