Question

我已将应用程序部署在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。我应该使用其他方式访问它吗？

Answer 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
    // ...
};

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

1 个答案: