create-react-app无法获取.env文件

Question

我在目录的根目录中使用数据.env创建了REACT_APP_API_URL=http:\\localhost:3001文件，但是当我运行并从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 

您还可以使用软件包进行更好的环境管理（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文件加载所有配置。