javascript - create-react-app 不获取 .env 文件

Question

我在目录的根目录中使用数据 REACT_APP_API_URL=http:\\localhost:3001 创建了 .env 文件，但是当我运行并从 process.env，我得到一个空对象，我该如何解决？

Answer 1

您需要将变量与启动脚本集成。

"scripts": {
    "start": "REACT_APP_API_URL=http://localhost:3001 react-scripts start", //like this
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

然后您需要运行您的应用程序。它将接受所有参数。

或者另一种运行它的方法，使用命令行传递它。 例如:您需要在加载脚本之前先传递 env 变量

REACT_APP_API_URL=http://localhost:3001  npm start 

您还可以使用 package 来更好地管理 env(cross-env)，它将负责所有与 env 相关的管理。请随时查看那里的文档。

如果你想使用 cross-env，你只需要从 .env 文件运行环境(注意:.env 文件应该在 package.json 级别)

"scripts": {
    "start": "cross-env react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

它会在您需要时从 .env 文件加载所有配置。