fix: keep backward compatibility with event.node.req.url

src/app.ts

@@ -102,8 +102,18 @@
 export function createAppEventHandler(stack: Stack, options: AppOptions) {
   const spacing = options.debug ? 2 : undefined;
   return eventHandler(async (event) => {
-    const _reqPath = event.path;
+    // Keep original incoming url accessable
+    (event.node.req as { originalUrl?: string }).originalUrl =
+      (event.node.req as { originalUrl?: string }).originalUrl ||
+      event.node.req.url ||
+      "/";
+
+    // Keep a copy of incoming url
+    const _reqPath = event._path || event.node.req.url || "/";
+
+    // Layer path is the path without the prefix
     let _layerPath: string;
+
     for (const layer of stack) {
       // 1. Remove prefix from path
       if (layer.route.length > 1) {
@@ -122,7 +132,7 @@
 
       // 3. Update event path with layer path
       event._path = _layerPath;
-      event.node.req.url = _layerPath; // Express compatibility
+      event.node.req.url = _layerPath;
 
       // 4. Handle request
       const val = await layer.handler(event);

src/event/event.ts

@@ -9,9 +9,6 @@ import {
 } from "../utils";
 import { H3Response } from "./response";
 
-// TODO: Dedup from request.ts
-const DOUBLE_SLASH_RE = /[/\\]{2,}/g;
-
 // TODO: Dedup from body.ts
 const PayloadMethods: Set<HTTPMethod> = new Set([
   "PATCH",
@@ -64,17 +61,7 @@ export class H3Event<
   }
 
   get path() {
-    if (!this._path) {
-      const hasQuery = this._originalPath.includes("?");
-
-      if (hasQuery) {
-        const [basePath, query] = this._originalPath.split("?");
-        this._path = basePath.replace(DOUBLE_SLASH_RE, "/") + "?" + query;
-      } else {
-        this._path = this._originalPath.replace(DOUBLE_SLASH_RE, "/");
-      }
-    }
-    return this._path;
+    return this._path || this.node.req.url || "/";
   }
 
   get url() {

src/utils/request.ts

@@ -127,9 +127,16 @@
   return (event.node.req.connection as any).encrypted ? "https" : "http";
 }
 
-/** @deprecated Use `event.path` directly */
+const DOUBLE_SLASH_RE = /[/\\]{2,}/g;
+
 export function getRequestPath(event: H3Event): string {
-  return event.path;
+  const path = event._originalPath.replace(DOUBLE_SLASH_RE, "/");
+  if (path.includes("?")) {
+    const [basePath, query] = path.split("?");
+    return basePath.replace(DOUBLE_SLASH_RE, "/") + "?" + query;
+  } else {
+    return path.replace(DOUBLE_SLASH_RE, "/");
+  }
 }
 
 export function getRequestURL(
@@ -138,6 +145,6 @@
 ) {
   const host = getRequestHost(event, opts);
   const protocol = getRequestProtocol(event);
-  const path = event.path;
+  const path = getRequestPath(event);
   return new URL(path, `${protocol}://${host}`);
 }

src/utils/route.ts

@@ -4,16 +4,27 @@
 
 export function useBase(base: string, handler: EventHandler): EventHandler {
   base = withoutTrailingSlash(base);
-  if (!base) {
+
+  if (!base || base === "/") {
     return handler;
   }
+
   return eventHandler(async (event) => {
-    const _path = event._path;
+    // Keep original incoming url accessable
+    (event.node.req as { originalUrl?: string }).originalUrl =
+      (event.node.req as { originalUrl?: string }).originalUrl ||
+      event.node.req.url ||
+      "/";
+
+    const _path = event._path || event.node.req.url || "/";
+
     event._path = withoutBase(event.path || "/", base);
+    event.node.req.url = event._path;
+
     try {
       return await handler(event);
     } finally {
-      event._path = _path;
+      event._path = event.node.req.url = _path;
     }
   });
 }