Vercel NextJS应用环境变量不工作[重复]

Question

来自Ruby on Rails，我发现在NextJS上很难理解环境变量的概念，特别是在Vercell平台上。我遵循了NextJS留档，它建议Vercell留档在项目设置中设置环境变量，即使是开发环境。所以我做了，并用vercel env拉他们。env.local。但是当我运行开发服务器时，process.env变量总是未定义的。到目前为止，我发现了很多关于这方面的问题，但运气不佳。

我使用的示例代码：

export function getEncodedClientIdAndSecret(): string {
    const clientId = process.env.CLIENT_ID;
    const clientSecret = process.env.CLIENT_SECRET;

    if (!clientId || !clientSecret) {
        throw new Error('Missing client ID or client secret');
    }

    const encodedString = Buffer.from(`${clientId}:${clientSecret}`).toString('base64');
    return `Basic ${encodedString}`;
}

。环境。本地文件：

# Created by Vercel CLI
REDIRECT_URI=localhost:3000/api/callback
BASE_URL=localhost:3000
FIREBASE_DATABASE_URL=projectid.firebaseio.com
FIREBASE_CLIENT_EMAIL=[e-mail]
FIREBASE_PRIVATE_KEY_B64=longenccryptedprivatekey
FIREBASE_PROJECT_ID=projectid
CLIENT_SECRET=secreiclient
CLIENT_ID=clientid

我不是JavaScript的粉丝。这真是让人摸不着头脑。

Answer 1

过了一段时间，我又遇到了这个问题。

但这一次，文档中的NEXT_PUBLIC_前缀工作顺利。我不知道为什么在我尝试这个解决方案的时候没有。

这是的工作版本。env文件：

NEXT_PUBLIC_REDIRECT_URI=<Callback URI from Spotify>
NEXT_PUBLIC_BASE_URL=<Base URL of the project>
NEXT_PUBLIC_CLIENT_ID=<Spotify app client ID>
CLIENT_SECRET=<Spotify app client secret key>
FIREBASE_PROJECT_ID=<Firebase project ID>
FIREBASE_PRIVATE_KEY_B64=<Base64-encoded string of Firebase private key>
FIREBASE_CLIENT_EMAIL=<Firebase client email>
FIREBASE_DATABASE_URL=<Firebase database URL>
WARMUP_KEY=<Secret to trigger Firebase database warmup>

这是我正在做的公关。