fix(dev): correct responce for html qurey (#1526)

fix #1524

Author: underfin

packages/playground/html/__tests__/html.spec.ts

@@ -85,3 +85,12 @@ describe('nested', () => {
 
   testPage(true)
 })
+
+describe('nested w/ query', () => {
+  beforeAll(async () => {
+    // viteTestUrl is globally injected in scripts/jestPerTestSetup.ts
+    await page.goto(viteTestUrl + '/nested/index.html?v=1')
+  })
+
+  testPage(true)
+})

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

@@ -12,6 +12,7 @@ import {
 import { ViteDevServer } from '../..'
 import { send } from '../send'
 import { CLIENT_PUBLIC_PATH, FS_PREFIX } from '../../constants'
+import { cleanUrl } from '../../utils'
 
 const devHtmlHook: IndexHtmlTransformHook = (html, { path }) => {
   let index = -1
@@ -51,24 +52,22 @@ export function indexHtmlMiddleware(
   const [preHooks, postHooks] = resolveHtmlTransforms(plugins)
 
   return async (req, res, next) => {
+    const url = req.url && cleanUrl(req.url)
     // spa-fallback always redirects to /index.html
-    if (
-      req.url?.endsWith('.html') &&
-      req.headers['sec-fetch-dest'] !== 'script'
-    ) {
+    if (url?.endsWith('.html') && req.headers['sec-fetch-dest'] !== 'script') {
       let filename
-      if (req.url!.startsWith(FS_PREFIX)) {
-        filename = req.url.slice(FS_PREFIX.length)
+      if (url.startsWith(FS_PREFIX)) {
+        filename = url.slice(FS_PREFIX.length)
       } else {
-        filename = path.join(server.config.root, req.url!.slice(1))
+        filename = path.join(server.config.root, url.slice(1))
       }
       if (fs.existsSync(filename)) {
         try {
           let html = fs.readFileSync(filename, 'utf-8')
           // apply transforms
           html = await applyHtmlTransforms(
             html,
-            req.url!,
+            url,
             filename,
             [...preHooks, devHtmlHook, ...postHooks],
             server