无法在Nuxt.js中的server / index.js中访问环境变量

Question

我试图将环境变量添加到nuxt.config.js属性中的env文件中，以访问server/index.js文件中的变量，但是它提供了undefined。根据{{​​3}}文档，这些变量在客户端和服务器中均应起作用。不知道我是否想念什么？预先感谢。

module.exports = {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  }
}

Answer 1

在.env文件中重命名变量，例如VUE_APP_BASE_URL，并使用该名称。

.env文件仅允许以VUE_APP开头的变量。

您可以阅读更多here。

Answer 2

Nuxt.js 中的所有环境变量都必须以 NUXT_ENV 开头。 在 vue.js 中，它必须以 'VUE_APP' 开头

Answer 3

我知道答案很晚，但是遇到了同样的问题，并认为我的发现可能会给将来遇到麻烦的伴侣带来帮助。

就像在任何 InputStream myInputStream = getContentResolver().openInputStream(data.getData()); 引用之前加上require('dotenv').config()一样简单。

请注意，如果using nuxt 2.13+.

，您可能会有更好的解决方案