fix(vuepress-theme-reco): fix bug of non-ASCII file names cause 404

ISSUES CLOSED: #276, #281

Author: reco_luan

example/views/category1/2018/121501.md

@@ -4,7 +4,7 @@ date: 2018-12-15
 tags:
  - tag1
 categories:
- -  category1
+ - 分类
 ---
 
 first page in category1

packages/vuepress-theme-reco/enhanceApp.js

@@ -2,7 +2,7 @@
 import postMixin from '@theme/mixins/posts'
 import localMixin from '@theme/mixins/locales'
 import { addLinkToHead, addScriptToHead } from '@theme/helpers/utils'
-import { registerCodeThemeCss, interceptRouterError } from '@theme/helpers/other'
+import { registerCodeThemeCss, interceptRouterError, fixRouterError404 } from '@theme/helpers/other'
 import { install } from 'vue-demi'
 
 export default ({
@@ -21,4 +21,5 @@ export default ({
   }
 
   interceptRouterError(router)
+  fixRouterError404(router)
 }

packages/vuepress-theme-reco/helpers/other.js

@@ -34,3 +34,18 @@ export function interceptRouterError (router) {
     return originalPush.call(this, location).catch(err => err)
   }
 }
+
+export function fixRouterError404 (router) {
+  router.beforeEach((to, from, next) => {
+    // 解决非ASCII文件名的路由, 防止 404
+    const decodedPath = decodeURIComponent(to.path)
+    if (decodedPath !== to.path) {
+      next(Object.assign({}, to, {
+        fullPath: decodeURIComponent(to.fullPath),
+        path: decodedPath
+      }))
+    } else {
+      next()
+    }
+  })
+}