无法使用 JavaScript 访问 Vercel 上的环境变量

Question

我想使用 JavaScript (TypeScript) 访问 Vercel 上的环境变量。我已将它们设置在 /settings/environment-variables 下，但是当我尝试在构建期间使用

process.env.TURSO_DATABASE_URL

访问它们时，我得到了未定义。我正在使用 @t3-oss/env-nextjs 来验证我的环境变量，但似乎我什至无法直接访问它们。

如果我使用 Vercel CLI 将变量拉入 .env 文件，所有这些变量都会按预期显示。

关于如何解决这个问题有什么想法吗？

Answer 1

如果您尝试将环境变量传递到服务器，命名约定并不重要，但如果您将其传递到客户端，则需要在名称前面添加 NEXT_PUBLIC_。

您可以在此处检查有关变量的所有信息：https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables