当我在本地主机时，我有一个 .env.local 文件，我从中获取 api key 。当我将我的应用程序部署到 netlify 时，netlify env var 不起作用。我在 netlify 仪表板上设置了环境变量，所以它应该可以工作。我什至为另一个项目做了这个并且没有问题。 这是我设置 api key 的代码:

let movieDbApiKey = "";

if (process.env.NODE_ENV !== "production") {
  movieDbApiKey = process.env.REACT_APP_MOVIEDB_API_KEY;
  console.log("not in production build");
} else {
  movieDbApiKey = process.env.MOVIEDB_API_KEY;
  console.log(process.env.MOVIEDB_API_KEY);
  console.log("in production build");
}

在本地，REACT_APP_MOVIEDB_API_KEY 返回一个值。当我部署它时，我在 netlify 仪表板中设置的 var 返回未定义。我准确地命名了它在文件中的名称。它也在生产版本中，所以我不确定问题出在哪里。

最佳答案

1. React 变量应该以 REACT_APP 开头

2. 将变量放在站点设置 > 构建和部署 > 环境 > 环境变量中。

3. 重建 React 应用程序。

我希望这能解决问题。

https://stackoverflow.com/questions/63220149/