时间戳

首页 > 解决方案 > 在 Nuxt.js 中使用 Netlify 环境变量

vue.js - 在 Nuxt.js 中使用 Netlify 环境变量

问题描述

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

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

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

我已经尝试向 env 变量添加不同的前缀，因为我看到有人这样做：

VUE_APP_MY_VARIABLE
NUXT_APP_MY_VARIABLE
VUE_MY_VARIABLE
NUXT_MY_VARIABLE

我不明白为什么在站点运行时无法访问变量。

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

提前致谢！

标签： vue.jsnuxt.jsnetlify

解决方案

也许这个页面可以帮助你！ 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",

推荐阅读