将 Netlify 环境变量与 Nuxt.js 结合使用

Question

我想要使​​用 Nuxt.js 和 Vue.js 构建的 Web 应用程序来访问我在 Netlify 环境 UI（设置菜单）中添加的环境变量。

当我运行本地服务器时，我的代码访问 .env 文件并检索正确的代码没有问题。

但是当我用 Netlify 构建它时，它返回未定义。

自从我看到有些人这样做以来，我尝试向环境变量添加不同的前缀：

VUE_APP_MY_VARIABLE
NUXT_APP_MY_VARIABLE
VUE_MY_VARIABLE
NUXT_MY_VARIABLE

我不明白为什么当网站上线时无法访问变量。

如果您缺少任何信息，请告诉我，我会添加它。

提前致谢！

Answer 1

也许这个页面可以帮助你！ https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-env

尝试：

NUXT_ENV_MY_VARIABLE 

代替

NUXT_MY_VARIABLE

我将 Netlify 和 Nuxt 与 dotenv 包一起使用：

"@nuxtjs/dotenv": "1.4.1",