CODEWITHSUNDEEP
environment-variablesnuxt.js
Jdsans
Jdsans

Reputation: 194

Cannot access environment variables in the server/index.js in Nuxt.js

I'm trying to add environment variables to the nuxt.config.js file in the env property to access the variables in server/index.js file but it gives undefined. According to the env documentation, the variables should work in both client and sever. Not sure if i'm missing something? Thanks in advance.

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

Upvotes: 2

Views: 2915

Answers (3)

ecoplaneteer
ecoplaneteer

Reputation: 1984

All env variables in Nuxt.js must start with NUXT_ENV. In vue.js it must start with 'VUE_APP'

Upvotes: 4

Joooe
Joooe

Reputation: 57

I know it's quite a late answer but just came across the same issue and thought my findings might help to some future mate in trouble.

It was as simple as include the require('dotenv').config() before any process.env.XXX reference.

Note that you might have better solution if using nuxt 2.13+.

Upvotes: 0

mare96
mare96

Reputation: 3869

In your .env file rename variable like VUE_APP_BASE_URL, and use it with that name.

.env file just allow variables that starts with VUE_APP.

You can read more here.

Upvotes: 1

Related Questions