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

我是新来的

env

，我刚刚开始研究。我遵循了描述的步骤，并且在开发过程中起到了作用。但是，当我试图在Vercel中打开站点并查看控制台时，它返回了

undefined

这是我的

.env

：

REACT_APP_NOT_SECRET_CODE=abcdef

App.js

：

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

console.log(process.env.REACT_APP_NOT_SECRET_CODE);

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

envTest.js

：

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

console.log(process.env.REACT_APP_NOT_SECRET_CODE);

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

所有这些都准备好投入开发，但投入生产

非常感谢您的帮助

---

谢谢

您需要直接在Vercel for production内部定义环境变量（在构建项目时，出于安全原因，它不会复制

.env

文件）

为此：

登录到Vercel

转到您的项目

头过项目设置

转到环境变量

添加你需要的

---

更多信息

尝试创建一个新文件.env.production，并将生产变量移动到此文件中。然后试着运行它。谢谢！真的很管用！