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

Question

我是env的新手，我刚刚研究了“ 如何将自定义 env 添加到 React 项目”。 我按照描述的步骤进行操作，它在开发中起作用。 但是，当我尝试在 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);
}

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

任何帮助是极大的赞赏 ！
谢谢！

Answer 1

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

去做这个：

1. 登录 Vercel
2. Go 到您的项目
3. 前往项目设置
4. Go 到环境变量
5. 添加你需要的

更多信息在这里