Topic: Using .env / VUE_APP environment variables
Trying to make use of environment variables in my MDBootstrap app.
I've read that I should be able to add environment variables in my .env file in the root of my project (I've put it in the root, in the src/assets, config) and that any variable starting with VUE_APP should be available in vue by using process.env.VUE_APPXXX with no success.
How does MDBootstrap vue work with environment variables?
Thanks
Unfortunately I can't help with Vue, because we don't use environment variables in our library.
In the other webpack base projects it looks like this:
cross-env NODE_ENV=production --env.<your-variable>=true webpack --config webpack/webpack.config.prod.js --colors
Best regards
@Mike Barlow , I wrote a blog post which should help a little https://garywoodfine.com/using-environment-variables-in-vue-js/
Mike Barlow free commented 4 years ago
Thanks @Gary Woodfine, much appreciated. Actually yours was one of the articles I read on the subject before trying here. My problem was where to put the .env.js file so it could be pulled in by webpack
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 5.8.3
- Device: Any
- Browser: Any
- OS: windows
- Provided sample code: Yes
- Provided link: No
Mike Barlow free commented 4 years ago
Ok, just found one solution (is this the prefered one?) In my
config\dev.env.jsfile I added:VUE_APP_API_BASE: '"http://localhost:8084/"'and that appears to work