Level 102
You could use your env file? Are you using vite or mix?
Aug 2, 2022
10
Level 10
Setting up global routing for image paths in Vue 2
In my Vue/Laravel project I am currently using relative routes. However, I am currently in the process of switching to DO spaces for my image hosting. I am going to go through my whole project and switch to absolute routes for all of my images. However, before I do all that work it would be great if the image url could be a variable I could change in one location (for local and production), similar to how laravel uses the .env file.
Would this be something I could add globally easily without having to pass it into components? Thanks!
Level 10
I'm using Mix
Level 102
Level 10
Ok Ill give this a shot and report back!
Level 102
@chrisgrim sure. Test it out. If it's not what you want, I'll think of another idea :)
Level 10
@Sinnbeck This worked perfect. Such a simple way for me to adjust my Vue code based on my .env file
Level 10
OMG @sinnbeck this is so awesome. I didn't know about process.env. Amazing :)
Level 102
@chrisgrim yeah it's really nice. Just make sure you don't expose your passwords or such :)
Level 10
@Sinnbeck Haha True! Thanks
Level 10
@sinnbeck I had an issue pop up using Mix Environment variables. When I run laravel mix dev I need it to read my dev file location from the .env
MIX_IMAGE_URL=https://DEV.sfo3.digitaloceanspaces.com/public/
and when I run production I need it to read a different URL
MIX_IMAGE_URL=https://PROD.sfo3.digitaloceanspaces.com/public/
However there is no way I can see to do an if/then statement in a .env file. Have you had to deal with this ever?
Please or to participate in this conversation.