From e8dc48e058e6c21df89b0262e3fdbd47d60db059 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Tue, 28 Apr 2026 22:06:20 +0200
Subject: [PATCH] fix(vite): make dev server host/port configurable via env
 vars

Replace hardcoded HMR host with VITE_HOST/VITE_PORT env vars.
Set allowedHosts to true and derive origin/HMR config from env,
falling back to defaults when vars are absent.
---
 vite.config.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/vite.config.js b/vite.config.js
index fc739c95d..4b967c40e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,6 +4,8 @@ import vue from "@vitejs/plugin-vue";
 
 export default defineConfig(({ mode }) => {
     const env = loadEnv(mode, process.cwd(), '')
+    const viteHost = env.VITE_HOST || null;
+    const vitePort = Number(env.VITE_PORT || 5173);
 
     return {
         server: {
@@ -14,9 +16,11 @@ export default defineConfig(({ mode }) => {
                 ],
             },
             host: "0.0.0.0",
-            hmr: {
-                host: env.VITE_HOST || '0.0.0.0'
-            },
+            allowedHosts: true,
+            origin: viteHost ? `http://${viteHost}:${vitePort}` : undefined,
+            hmr: viteHost
+                ? { host: viteHost, clientPort: vitePort }
+                : true,
         },
         plugins: [
             laravel({