diff --git a/apps/renderer/debug_proxy.html b/apps/renderer/debug_proxy.html
index f2ff9ae0b4..efc372c2e9 100644
--- a/apps/renderer/debug_proxy.html
+++ b/apps/renderer/debug_proxy.html
@@ -3,7 +3,7 @@
   <head>
     <title>Debug Proxy</title>
 
-    <script>
+    <script type="module">
       globalThis["__DEBUG_PROXY__"] = true
 
       const searchParams = new URLSearchParams(window.location.search)
diff --git a/vite.config.ts b/vite.config.ts
index 2a0e4732ed..5a1ebdd86d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,4 +1,4 @@
-import { copyFileSync, existsSync } from "node:fs"
+import { existsSync, readFileSync, writeFileSync } from "node:fs"
 import { resolve } from "node:path"
 import { fileURLToPath } from "node:url"
 
@@ -288,7 +288,7 @@ function checkBrowserSupport() {
   }
 }
 
-const htmlPlugin: (env: any) => PluginOption = () => {
+const htmlPlugin: (env: any) => PluginOption = (env) => {
   let config: ResolvedConfig
   return {
     name: "html-transform",
@@ -302,7 +302,13 @@ const htmlPlugin: (env: any) => PluginOption = () => {
       const debugProxyHtml = resolve(root, "debug_proxy.html")
 
       if (existsSync(debugProxyHtml)) {
-        copyFileSync(debugProxyHtml, resolve(dist, "__debug_proxy.html"))
+        const content = readFileSync(debugProxyHtml, "utf-8")
+
+        writeFileSync(
+          resolve(dist, "__debug_proxy.html"),
+
+          content.replace("import.meta.env.VITE_API_URL", `"${env.VITE_API_URL}"`),
+        )
       }
     },
     transformIndexHtml(html) {
