Read Firebase API keys from .env

I’m sure this has been discussed before but I can’t seem to find the thread. Anyway, I’m trying to set the config from process.env inside nuxt.config.js but the value seems to be empty.

Is there another way to do this, say via plugin?

firebase: {
  config: {
    apiKey: process.env.apiKey,
    authDomain: process.env.authDomain,
    databaseURL: process.env.databaseURL,
    projectId: process.env.projectId,
    storageBucket: process.env.storageBucket,
    messagingSenderId: process.env.messagingSenderId,
    appId: process.env.appId,
    measurementId: process.env.measurementId
  },
  services: {
    auth: true  
  }  
}

[kwatog]

apologies, noob mistake. I forgot to add require('dotenv').config() at the top of the nuxt.config.js

[CodeMat17]

Thanks Mike for responding and swiftly too, I’ll look at it now.

On Tue, 6 Oct 2020, 4:11 pm mikoy, [e-mail] wrote:

here’s the link to my nuxt.config.js https://github.com/kwatog/manbok/blob/master/nuxt.config.js

take note that the env file should be named “.env” as dotenv only reads that filename. it won’t accept any other filename.

and then you need to make sure to load env before the export block

require(‘dotenv’).config() export default {

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/nuxt-community/firebase-module/issues/113#issuecomment-704338281, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGF5DHVELFUSXVPO7G53DQTSJMXRJANCNFSM4LDPZBJA .