Using Environment Variables with Vue.js

Question

I\'ve been reading the official docs and I\'m unable to find anything on environment variables. Apparently there are some community projects that support environment variabl

Answer 1

1. Create two files in root folder (near by package.json) .env and .env.production
2. Add variables to theese files with prefix VUE_APP_ eg: VUE_APP_WHATEVERYOUWANT
3. serve uses .env and build uses .env.production
4. In your components (vue or js), use process.env.VUE_APP_WHATEVERYOUWANT to call value
5. Don't forget to restart serve if it is currently running
6. Clear browser cache

Be sure you are using vue-cli version 3 or above

For more information: https://cli.vuejs.org/guide/mode-and-env.html