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

Question

我是新手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);
}

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

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

标签： reactjsenvironment-variablesvercel

Answer 1

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

去做这个：

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

更多信息在这里