如何使用 Nuxt.JS 应用程序访问 Heroku 环境变量

【问题标题】：How to access Heroku environment variables with Nuxt.JS app如何使用 Nuxt.JS 应用程序访问 Heroku 环境变量
【发布时间】：2019-04-16 08:45:26
【问题描述】：

我已经在 Heroku 上部署了我的应用，在我的应用启动时我检查了一个配置文件，我想在其中访问我在 Heroku API_KEY 上创建的配置变量来定义我的 Firebase 配置：

module.exports = {
  fireConfig: {
    apiKey: process.env.API_KEY,
    authDomain: "my-app.firebaseapp.com",
    databaseURL: "https://my-app.firebaseio.com",
    projectId: "my-project-id",
    storageBucket: "my-app.appspot.com",
    messagingSenderId: "my-messaging-sender-id"
    }
};

这个process.env.API_KEY 是undefined。我应该使用其他方式访问它吗？

【问题讨论】：

标签： heroku configuration environment-variables nuxt.js

【解决方案1】：

你可以define environment variables in your nuxt.config.js file，例如

export default {
  env: {
    firebaseApiKey: process.env.API_KEY || 'default value'
  }
}

这里我们使用API_KEY 环境变量（如果可用），并将其分配给firebaseApiKey。

如果未设置该环境变量，例如也许在开发中（如果你愿意，你也可以在那里设置它），我们回退到'default value'。请不要将您的真实 API 密钥放入 'default value'。您可以在此处使用单独的一次性 Firebase 帐户密钥，也可以直接省略它（立即取出 || 'default value'）并依赖设置的环境变量。

这些将是 processed at build time，然后使用您给它们的名称提供，例如

module.exports = {
  fireConfig: {
    apiKey: process.env.firebaseApiKey,  # Not API_KEY
    // ...
};

【讨论】：