SirLoin
Help Needed: Accessing Vue.js Deployment on Local Network
Hi everyone,
I'm having some issues trying to access my Vue.js deployment. Here’s my setup:
Server: Self-hosted on Ubuntu VM running in Proxmox
Project: Vue.js
I've hooked up my GitHub and everything to Dokploy to run my Vue.js project. It seems to deploy without issue, but I can't access it. Going to the generated domain doesn’t yield anything, so I suspect there is some networking stuff I need to do but I’m not sure what.
When I build my Vue.js project with the --host parameter to expose it to my local network, the logs show:
Local: http://localhost:5173/
Network: http://10.0.1.14:5173/
Network: http://172.19.0.7:5173/
However, my local network is on 192.168.0.XX, so it seems the project is deployed on the Docker container's network. I’m unsure how to access it from my local network.
If I go into the host VM and run the Docker image with the -p 5173:5173 flag, I can access it by going to my Ubuntu server IP:5173 on my local network. But this feels like it circumvents Dokploy’s system and isn’t sustainable as it would be tedious for every deployment.
Ultimately, I would like to have an Nginx reverse proxy or something similar so I could just set a domain in my local network’s DNS server and have Nginx route me to the right container.
TL;DR: I’m running an Ubuntu Proxmox VM on my home server, have deployed my Vue.js project using Dokploy but am not sure how to access it on my local network. Any guidance would be greatly appreciated!
Thanks in advance!
4 replies