diff --git a/packages/vite/src/node/preview.ts b/packages/vite/src/node/preview.ts
index dd8180faa7dc3e..4a5d66838bad94 100644
--- a/packages/vite/src/node/preview.ts
+++ b/packages/vite/src/node/preview.ts
@@ -161,7 +161,7 @@ export async function preview(
     openBrowser(
       path.startsWith('http')
         ? path
-        : `${protocol}://${hostname.name}:${serverPort}${path}`,
+        : new URL(path, `${protocol}://${hostname.name}:${serverPort}`).href,
       true,
       logger,
     )
diff --git a/packages/vite/src/node/server/index.ts b/packages/vite/src/node/server/index.ts
index f9e84ea1394b20..c069ddf852c3fa 100644
--- a/packages/vite/src/node/server/index.ts
+++ b/packages/vite/src/node/server/index.ts
@@ -679,7 +679,7 @@ async function startServer(
     openBrowser(
       path.startsWith('http')
         ? path
-        : `${protocol}://${hostname.name}:${serverPort}${path}`,
+        : new URL(path, `${protocol}://${hostname.name}:${serverPort}`).href,
       true,
       server.config.logger,
     )