fix: wrong recognition of non-html extension leads to route error (#3218

)

package.json

@@ -100,6 +100,7 @@
     "focus-trap": "^7.5.4",
     "mark.js": "8.11.1",
     "minisearch": "^6.2.0",
+    "mrmime": "^1.0.1",
     "shiki": "^0.14.5",
     "vite": "^5.0.0",
     "vue": "^3.3.8"

src/client/app/router.ts

@@ -1,5 +1,6 @@
 import { reactive, inject, markRaw, nextTick, readonly } from 'vue'
 import type { Component, InjectionKey } from 'vue'
+import { lookup } from 'mrmime'
 import { notFoundPageData } from '../shared'
 import type { PageData, PageDataPayload, Awaitable } from '../shared'
 import { inBrowser, withBase } from './utils'
@@ -181,7 +182,6 @@ export function createRouter(
             link.baseURI
           )
           const currentUrl = window.location
-          const extMatch = pathname.match(/\.\w+$/)
           // only intercept inbound links
           if (
             !e.ctrlKey &&
@@ -191,7 +191,9 @@ export function createRouter(
             !target &&
             origin === currentUrl.origin &&
             // don't intercept if non-html extension is present
-            !(extMatch && extMatch[0] !== '.html')
+            !(siteDataRef.value.cleanUrls
+              ? lookup(pathname)
+              : lookup(pathname) !== 'text/html')
           ) {
             e.preventDefault()
             if (

src/client/theme-default/support/utils.ts

@@ -1,4 +1,5 @@
 import { withBase } from 'vitepress'
+import { lookup } from 'mrmime'
 import { useData } from '../composables/data'
 import { isExternal } from '../../shared'
 
@@ -27,7 +28,7 @@ export function normalizeLink(url: string): string {
     isExternal(url) ||
     url.startsWith('#') ||
     !protocol.startsWith('http') ||
-    /\.(?!html|md)\w+($|\?)/i.test(url)
+    (/\.(?!html|md)\w+($|\?)/i.test(url) && lookup(url))
   )
     return url