I have trying to use App environment variables with my VueJS app, and the values (from key/value pairs) are not ‘registering’ in my app.
I have added echo $API_URL to the build command, checked the logs and it is printed. I must be adding the placeholder in my code incorrectly…
Here is a snapshot of my code depicting how I’m trying to implement the variables: https://imgur.com/a/aqilFdn
Thanks!
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Here is the .env and the output when I try to login. You can see that VUE_APP_API_URL is not being interpolated. I don’t understand why.
I’m no Vue expert, but I think you want to be using process.env in your client-side code to inject environment variables.
https://cli.vuejs.org/guide/mode-and-env.html#using-env-variables-in-client-side-code
Become a contributor for community
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
DigitalOcean Documentation
Full documentation for every DigitalOcean product.
Resources for startups and AI-native businesses
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
The developer cloud
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Get started for free
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.