diff --git a/package.json b/package.json
index c335b79..a769b95 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "oxc-parser": "^0.121.0",
     "prettier": "^3.8.1",
     "sirv": "^3.0.2",
+    "ufo": "^1.6.3",
     "unplugin": "^3.0.0",
     "unstorage": "^1.17.5",
     "valibot": "^1.3.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c30ad74..c145800 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,6 +52,9 @@ importers:
       sirv:
         specifier: ^3.0.2
         version: 3.0.2
+      ufo:
+        specifier: ^1.6.3
+        version: 1.6.3
       unplugin:
         specifier: ^3.0.0
         version: 3.0.0
diff --git a/src/devtools.ts b/src/devtools.ts
index 1eb0638..d1c35b2 100644
--- a/src/devtools.ts
+++ b/src/devtools.ts
@@ -3,6 +3,7 @@ import { existsSync } from 'node:fs'
 import type { Nuxt } from '@nuxt/schema'
 import { addDevServerHandler, type Resolver } from '@nuxt/kit'
 import { proxyRequest, eventHandler } from 'h3'
+import { joinURL } from 'ufo'
 import type { HintsClientFunctions, HintsServerFunctions } from './runtime/core/rpc-types'
 import { RPC_NAMESPACE } from './runtime/core/rpc-types'
 import {
@@ -49,7 +50,7 @@ export function setupDevToolsUI(nuxt: Nuxt, resolver: Resolver) {
     category: 'analyze',
     view: {
       type: 'iframe',
-      src: DEVTOOLS_UI_ROUTE,
+      src: joinURL(nuxt.options.app?.baseURL || '/', DEVTOOLS_UI_ROUTE),
     },
   }, nuxt)