仅在服务器端工作的环境变量 - NextJS

Question

我有一个带钥匙的 .env.local

NEXT__API__KEY=abcd

当我在组件中调用它时，我的终端在 console.log(process.env.NEXT__API__KEY); 中显示答案 // abcd

但在浏览器的客户端中，显示未定义。

请问我该如何解决？

Answer 1

将您的 API 密钥名称替换为： NEXT_PUBLIC_ API__KEY

这就是您将 env 变量公开给 client side 的方式。

PS：您可能不希望客户端中的 API 密钥。