diff --git a/packages/vite/src/client/overlay.ts b/packages/vite/src/client/overlay.ts
index 91ad9cc6fb95df..18c80a952b7b3f 100644
--- a/packages/vite/src/client/overlay.ts
+++ b/packages/vite/src/client/overlay.ts
@@ -1,5 +1,10 @@
 import type { ErrorPayload } from 'types/hmrPayload'
 
+// injected by the hmr plugin when served
+declare const __BASE__: string
+
+const base = __BASE__ || '/'
+
 // set :host styles to make playwright detect the element as visible
 const template = /*html*/ `
 <style>
@@ -188,7 +193,7 @@ export class ErrorOverlay extends HTMLElement {
           link.textContent = file
           link.className = 'file-link'
           link.onclick = () => {
-            fetch('/__open-in-editor?file=' + encodeURIComponent(file))
+            fetch(`${base}__open-in-editor?file=` + encodeURIComponent(file))
           }
           el.appendChild(link)
           curIndex += frag.length + file.length
diff --git a/packages/vite/src/node/plugins/clientInjections.ts b/packages/vite/src/node/plugins/clientInjections.ts
index 4e0dda3f50661f..40fffde67bc911 100644
--- a/packages/vite/src/node/plugins/clientInjections.ts
+++ b/packages/vite/src/node/plugins/clientInjections.ts
@@ -50,7 +50,7 @@ export function clientInjectionsPlugin(config: ResolvedConfig): Plugin {
 
         return code
           .replace(`__MODE__`, JSON.stringify(config.mode))
-          .replace(`__BASE__`, JSON.stringify(devBase))
+          .replace(/__BASE__/g, JSON.stringify(devBase))
           .replace(`__DEFINES__`, serializeDefine(config.define || {}))
           .replace(`__SERVER_HOST__`, JSON.stringify(serverHost))
           .replace(`__HMR_PROTOCOL__`, JSON.stringify(protocol))