[Vuejs]-How to load base url axios from env in nuxt js

by

0👍

Here I wrote a quick answer on how to user env variables: https://stackoverflow.com/a/67705541/8816585

Here is an answer on how to use a specific .env.dev file: https://github.com/nuxt-community/dotenv-module/issues/59#issuecomment-660646526

yarn add -D @nuxtjs/dotenv

In nuxt.config.js

modules: ['@nuxtjs/dotenv'],
...
buildModules: [
  ['@nuxtjs/dotenv', 
    { filename: '.env.' + process.env.ENV }
  ]
],

In package.json (your probably missed this one)

"scripts": { "dev": "ENV=dev nuxt" }

And finally, do not forget to add them all to your .gitignore file.

Meanwhile, this way of working is not the recommended way as stated in the official dotenv project: https://github.com/motdotla/dotenv#should-i-have-multiple-env-files

Leave a comment