Next.js 12(使用react):无法读取环境变量,process.env未定义

KBa*_*KBa 4 environment-variables reactjs next.js

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

我有以下 .env.local 文件:

NEXT_PUBLIC_DEVELOPMENT_ENV_VARIABLE="public_development_variable"

我启动开发服务器并在浏览器中启动: console.log('###ENV', process.env) 并且我总是未定义。

在日志中,我有以下内容可以确认 env 文件已被读取: info - Loaded env from /Users/testdash/.env.local

但 process.env 始终为空

Bal*_*ngh 5

如果您需要与浏览器共享环境变量,请在它们前面添加前缀 NEXT_PUBLIC_,这样就可以在运行时访问它。所有其他环境变量都将替换为其值。

例如 NEXT_PUBLIC_ALGOLIA_INDEX