reactjs - Next.js 12(有反应): Cannot read env variables, process.env 未定义

Question

我将 next.js 12 与 React 应用程序一起使用。

我有以下 .env.local 文件:

NEXT_PUBLIC_DEVELOPMENT_ENV_VARIABLE="public_development_variable"

我启动开发服务器并在浏览器中执行以下操作:console.log('###ENV', process.env)我总是不确定。

在日志中，我有这个确认已读取 env 文件:info - 从/Users/testdash/.env.local 加载环境

但是 process.env 总是空的

Answer 1

如果您需要与浏览器共享您的环境变量，请在它们前面加上 NEXT_PUBLIC_ 并且它可以在运行时访问。所有其他环境变量都替换为它们的值。

例如NEXT_PUBLIC_ALGOLIA_INDEX