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

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