为什么 nex.tjs Web 应用程序中的 NEXT_DATA 脚本会暴露我在客户端使用的秘密变量答案

【问题标题】：Why NEXT_DATA script in nex.tjs web app exposing my secret variables used on client side为什么 nex.tjs Web 应用程序中的 NEXT_DATA 脚本会暴露我在客户端使用的秘密变量
【发布时间】：2021-03-08 11:27:21
【问题描述】：

我构建并部署了一个 next.js Web 应用程序，在其中我非常仔细地选择了我的环境变量并将它们放入 next.config.js 文件中，并使用 gitignore 文件忽略了它们。现在，当我在浏览器上打开检查窗口时，NEXT_DATA 脚本会暴露我所有的秘密变量。有人可以提出解决方案吗？

【问题讨论】：

标签： reactjs next.js serverside-javascript

【解决方案1】：

您必须像创建文件一样为生产创建环境变量 .env 你必须把你想使用的变量放在哪里这里是一个如何创建和使用环境变量的例子

https://www.npmjs.com/package/react-dotenv

记得在 .env 文件中创建，然后添加你的变量

【讨论】：