chore: improve naming

packages/vite/src/node/server/index.ts

@@ -50,7 +50,7 @@ import type { WebSocketServer } from './ws'
 import { createWebSocketServer } from './ws'
 import { baseMiddleware } from './middlewares/base'
 import { proxyMiddleware } from './middlewares/proxy'
-import { spaFallbackMiddleware } from './middlewares/spaFallback'
+import { rewriteUrlMiddleware } from './middlewares/rewriteUrl'
 import { transformMiddleware } from './middlewares/transform'
 import {
   createDevHtmlTransformFn,
@@ -543,7 +543,7 @@ export async function createServer(
 
   // spa fallback
   if (config.appType === 'spa' || config.appType === 'mpa') {
-    middlewares.use(spaFallbackMiddleware(root, config.appType === 'spa'))
+    middlewares.use(rewriteUrlMiddleware(root, config.appType === 'spa'))
   }
 
   // run post config hooks

packages/vite/src/node/server/middlewares/rewriteUrl.ts

@@ -0,0 +1,37 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import history from 'connect-history-api-fallback'
+import type { Connect } from 'types/connect'
+import { createDebugger } from '../../utils'
+
+export function rewriteUrlMiddleware(
+  root: string,
+  spaFallback: boolean
+): Connect.NextHandleFunction {
+  const historySpaFallbackMiddleware = history({
+    logger: createDebugger('vite:spa-fallback'),
+    // support /dir/ without explicit index.html
+    rewrites: [
+      {
+        from: /\/$/,
+        to({ parsedUrl }: any) {
+          const rewritten =
+            decodeURIComponent(parsedUrl.pathname) + 'index.html'
+
+          if (fs.existsSync(path.join(root, rewritten))) {
+            return rewritten
+          } else {
+            if (spaFallback) {
+              return `/index.html`
+            }
+          }
+        }
+      }
+    ]
+  })
+
+  // Keep the named function. The name is visible in debug logs via `DEBUG=connect:dispatcher ...`
+  return function viteSpaFallbackMiddleware(req, res, next) {
+    return historySpaFallbackMiddleware(req, res, next)
+  }
+}