Vue CLI - no .env file found in Vue.js project root

Question

I created a project with Vue CLI 4.1.2, and inside router/index.js, I found:

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

There is no .env file in the project root. So what does process.env.BASE_URL mean? Where is the BASE_URL value set?

score 0 · Answer 1 · answered Jan 05 '20 at 03:28

process.env is a property that contains the user's environment variables in Node. The .env is an optional file that could be used in Vue CLI projects to create additional environment variables. Note that you could also create .env.production and .env.development files to set variables specific to the current build mode.

BASE_URL is an environment variable automatically set by Vue CLI when running serve or build NPM scripts. Its default value is /, but it can be configured in <projectRoot>/vue.config.js with the baseUrl (deprecated) or publicPath setting:

// vue.config.js
module.exports = {
  publicPath: '/my-app/'
}

Where in the Vue Cli project is the property `process.env` set ? — Istiaque Ahmed, Jan 05 '20 at 11:31
The Node runtime sets that property. It's a feature of Node, not Vue CLI. — tony19, Jan 05 '20 at 15:05

Vue CLI - no .env file found in Vue.js project root

1 Answers1