环境变量在生产中不起作用

Question

我是env 的新手，我刚刚查看了'How to add custom env to React projects。我按照描述的步骤进行操作，它在开发中起作用。但是，当我尝试在 Vercel 中打开该站点并查看控制台时，它返回了 undefined。
这是我的.env：

REACT_APP_NOT_SECRET_CODE=abcdef

App.js:

useEffect(() => {
 abcd();
 console.log(process.env.REACT_APP_NOT_SECRET_CODE);
}, []);

envTest.js:

console.log(process.env.REACT_APP_NOT_SECRET_CODE);

export default function abcd() {
  console.log(process.env.REACT_APP_NOT_SECRET_CODE);
}

所有这些都准备好进行开发，但在生产中停止了。

非常感谢任何帮助！
谢谢！

Answer 1

您需要直接在 Vercel 中定义环境变量以用于生产（在构建项目时，出于安全原因，它不会复制您的 .env 文件）。

为此：

1. 登录 Vercel
2. 转到您的项目
3. 查看项目设置
4. 转到环境变量
5. 添加您需要的

更多信息here