fix(indexHtml): decode html URI

packages/vite/src/node/plugins/html.ts

@@ -97,7 +97,7 @@ export function htmlInlineProxyPlugin(config: ResolvedConfig): Plugin {
         const index = Number(proxyMatch[1])
         const file = cleanUrl(id)
         const url = file.replace(normalizePath(config.root), '')
-        const result = htmlProxyMap.get(config)!.get(url)![index]
+        const result = htmlProxyMap.get(config)!.get(url)?.[index]
         if (result) {
           return result
         } else {

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

@@ -331,7 +331,11 @@ export function indexHtmlMiddleware(
       if (fs.existsSync(filename)) {
         try {
           let html = await fsp.readFile(filename, 'utf-8')
-          html = await server.transformIndexHtml(url, html, req.originalUrl)
+          html = await server.transformIndexHtml(
+            decodeURI(url),
+            html,
+            req.originalUrl,
+          )
           return send(req, res, html, 'html', {
             headers: server.config.server.headers,
           })

playground/html/__tests__/html.spec.ts

@@ -303,3 +303,13 @@ describe('side-effects', () => {
     expect(browserLogs).toContain('message from sideEffects script')
   })
 })
+
+describe('special character', () => {
+  beforeAll(async () => {
+    await page.goto(viteTestUrl + '/a á.html')
+  })
+
+  test('should fetch html proxy', async () => {
+    expect(browserLogs).toContain('special character')
+  })
+})

playground/html/a á.html

@@ -0,0 +1,5 @@
+<h1>Special Character</h1>
+
+<script type="module">
+  console.log('special character')
+</script>

playground/html/vite.config.js

@@ -29,6 +29,7 @@ export default defineConfig({
         importmapOrder: resolve(__dirname, 'importmapOrder.html'),
         env: resolve(__dirname, 'env.html'),
         sideEffects: resolve(__dirname, 'side-effects/index.html'),
+        'a á': resolve(__dirname, 'a á.html'),
       },
     },
   },