fix: inspector url (#4707)

GauBen · web-flow · commit 0d396afdbdb0 · 2025-06-07T08:53:13.000Z
diff --git a/packages-integrations/inspector/src/index.ts b/packages-integrations/inspector/src/index.ts
@@ -115,8 +115,15 @@ export default function UnocssInspector(ctx: UnocssPluginContext): Plugin {
     server.printUrls = () => {
       _printUrls()
       for (const localUrl of server.resolvedUrls?.local ?? []) {
-        const url = server.config.base ? localUrl.replace(server.config.base, '') : localUrl
-        const inspectorUrl = url.endsWith('/') ? `${url}${baseUrl}/` : `${url}/${baseUrl}/`
+        // server.config.base will be normalized with leading and trailing slashes,
+        // but localUrl might not have a trailing slash
+        const appUrl = localUrl.endsWith('/') ? localUrl : `${localUrl}/`
+        // remove the base path from appUrl if possible
+        const serverUrl = server.config.base && appUrl.endsWith(server.config.base)
+          ? appUrl.slice(0, -server.config.base.length)
+          : appUrl.slice(0, -1) // remove the trailing slash
+        // we removed the trailing slash from serverUrl when removing the base, add it back
+        const inspectorUrl = `${serverUrl}/${baseUrl}/`
         // eslint-disable-next-line no-console
         console.log(`  ${green('➜')}  ${bold('UnoCSS Inspector')}: ${colorUrl(`${inspectorUrl}`)}`)
       }
