diff --git a/packages/plugin-vue/src/template.ts b/packages/plugin-vue/src/template.ts
index d603debe..1d0bddad 100644
--- a/packages/plugin-vue/src/template.ts
+++ b/packages/plugin-vue/src/template.ts
@@ -116,10 +116,11 @@ export function resolveTemplateCompilerOptions(
     // relative paths directly to absolute paths without incurring an extra import
     // request
     if (filename.startsWith(options.root)) {
+      const devBase = options.devServer.config.base
       assetUrlOptions = {
         base:
           (options.devServer.config.server?.origin ?? '') +
-          options.devServer.config.base +
+          devBase +
           slash(path.relative(options.root, path.dirname(filename)))
       }
     }
diff --git a/playground/vitestSetup.ts b/playground/vitestSetup.ts
index 1dc5e102..de087730 100644
--- a/playground/vitestSetup.ts
+++ b/playground/vitestSetup.ts
@@ -214,8 +214,10 @@ export async function startDefaultServe(): Promise<void> {
     viteConfig = testConfig
     server = await (await createServer(testConfig)).listen()
     // use resolved port/base from server
-    const base = server.config.base === '/' ? '' : server.config.base
-    viteTestUrl = `http://localhost:${server.config.server.port}${base}`
+    const devBase = server.config.base
+    viteTestUrl = `http://localhost:${server.config.server.port}${
+      devBase === '/' ? '' : devBase
+    }`
     await page.goto(viteTestUrl)
   } else {
     process.env.VITE_INLINE = 'inline-build'