如何在 Gatsby js 中使用 Vercel 环境变量? (客户端)
How to use Vercel env variable in Gatsby js? (client side)
我想要做的是使用 Vercel 设置 dev/staging,因此我需要为我的 Gatsby 应用程序(客户端)使用暂存密钥。
我试过的:
- 从 Vercel 项目设置中添加环境
Preview
变量并连接 Gitlab 进行集成。然后在 dev
中推送测试提交以测试 env 是否正常工作,但没有。
这应该基于这个线程:https://github.com/vercel/vercel/issues/2613#issuecomment-594036619
- 使用 Vercel CLI 进行部署,它能够公开环境变量,但它使用了生产变量。我相信这是因为从构建步骤
npm run build
。但是我应该如何公开暂存环境?
如有任何线索,我们将不胜感激!
可以通过在 Vercel Preview
环境变量中添加 GATSBY_
前缀来修复
在客户端你可以访问它
process.env.GATSBY_YOUR_ENV_VAR
我想要做的是使用 Vercel 设置 dev/staging,因此我需要为我的 Gatsby 应用程序(客户端)使用暂存密钥。
我试过的:
- 从 Vercel 项目设置中添加环境
Preview
变量并连接 Gitlab 进行集成。然后在dev
中推送测试提交以测试 env 是否正常工作,但没有。
这应该基于这个线程:https://github.com/vercel/vercel/issues/2613#issuecomment-594036619
- 使用 Vercel CLI 进行部署,它能够公开环境变量,但它使用了生产变量。我相信这是因为从构建步骤
npm run build
。但是我应该如何公开暂存环境?
如有任何线索,我们将不胜感激!
可以通过在 Vercel Preview
环境变量中添加 GATSBY_
前缀来修复
在客户端你可以访问它
process.env.GATSBY_YOUR_ENV_VAR