Javascript Vercel next.js环境变量不工作

我在一个Next.js项目中使用谷歌地图，一切都在本地运行。google maps密钥存储在next.config.js中，我通过process.env.next\u PUBLIC\u GOOGLEMAPS在代码中访问它

当我将项目部署到Vercel时，出于安全原因，我没有包括next.js.config。所以我在Settings->Environment Variables下添加了这个键

但是，环境变量在生产中不起作用。当我控制台log process.env.NEXT_PUBLIC_GOOGLEMAPS时，我得到了未定义的

---

导致此问题的原因是什么？我如何修复它？谢谢

这就是我如何让我的设置正常工作的

我有一个用于本地开发密钥的

env.local

文件将

.env.local.*

添加到.gitignore此文件的密钥/值对如下所示：

1下一个公共密钥=AFLkefjlkwblahblahblah

我有一个next.config.js文件，在

env

空间中也有这个键：

env:{NEXT_PUBLIC_G_KEY:process.env.NEXT_PUBLIC_G_KEY}

（process.env根据

我部署到vercel，所以我用密钥的实际值创建了一个秘密…：

$>纱线现在秘密添加MyAppName_PRoD_G_KEY AFLkefjlkwblahblahblah

我在vercel>settings>environment variables中进入我的应用程序，并在UI中创建一个新的应用程序，映射到我刚才在命令行中创建的秘密