Nuxt，不加载NUXT_ENV var

Question

你好，我在nuxt.config.js中有一个env，如下所示

env: {
   BAR: process.env.BAR
}

问题是我需要从os env而不是.env文件中加载，所以我尝试像这样使用NUXT_ENV_：

我加载env var

export NUXT_ENV_BAR='value'

1试

env: {
   BAR: process.env.NUXT_ENV_BAR
}
....
console.log(process.env.BAR)
....

2尝试

....
env: {
   NUXT_ENVBAR: process.env.NUXT_ENV_BAR
}
console.log(process.env.NUXT_ENVBAR)
....

我对publicRuntimeConfig而不是env也尝试了同样的方法，但是没有起作用。

如何在nuxt.js应用程序中设置os env var？

谢谢

Answer 1

当以JSON设置对象时，格式为key：value。您不能使用=。

所以你的代码应该是：

env: {
   BAR: process.env.BAR
}

要管理自定义Nuxt，可以使用https://github.com/nuxt-community/dotenv-module、dotenv模块或publicRuntimeConfig。

如果您想在您的publicRuntimeConfig文件中使用‘nuxt.config.js’属性，只需实现以下代码：

 publicRuntimeConfig: {
   BAR: 'yourValue',
 }

然后，您可以使用$config作为$config.BAR访问这个配置数据。(要在浏览器中测试您的配置，只需在console选项卡中编写__NUXT__.config )

Answer 2

您可以创建一个文件，例如serverVariables.js，其中包含要在项目中选择的位置定义的服务器变量。

export default {
  BAR: process.env.BAR || '<your default value>',
};

接下来，在您的nuxt.config.js中，您可以在顶部导入这些变量，比如；

import serverVariables from '~/serverVariables';

接下来，您可以将这些变量映射到您的publicRuntimeConfig中；

publicRuntimeConfig: {
    BAR: serverVariables.BAR,
}

然后您可以在您的组件中的任何位置访问它，比如；

$config.BAR