From af66e033275621d6178bc06f2afd4f9520beff04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B9=E6=99=AF=E7=AB=8B?= <zoujingli@qq.com>
Date: Tue, 30 Nov 2021 21:20:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/app.js | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/static/app.js b/static/app.js
index 9c4fc07c1..40affa399 100644
--- a/static/app.js
+++ b/static/app.js
@@ -1,10 +1,10 @@
 ;(async () => {
     const options = {
         moduleCache: {
-            vue: Vue,
-            less: less
+            vue: Vue, less: less
         },
         getFile(url) {
+            console.log('load.file', url)
             return fetch(url).then(res => {
                 if (res.ok) {
                     return {getContentData: binary => binary ? res.arrayBuffer() : res.text()};
@@ -34,28 +34,35 @@
     router.addRoute({path: '/', redirect: '/static/template/pages/one.vue'});
 
     // 路由前置处理
+    let loading = null;
     router.beforeEach(function (to, fr, next) {
         let name = to.fullPath.replace(/[.\/]+/g, '_');
         if (router.hasRoute(name)) {
-            next();
-        } else {
-            let loading = ElementPlus.ElLoading.service({
+            console.log('');
+            console.log('load.open', to.fullPath)
+            loading = ElementPlus.ElLoading.service({
                 lock: true, text: 'Loading', background: 'rgba(0, 0, 0, 0.3)',
             });
+            next();
+        } else {
             router.addRoute({name: name, path: to.fullPath, component: loadVueFile(to.fullPath)});
-            setTimeout(() => loading.close(), 1000);
             next({name: name});
         }
     });
 
     // 动态注销路由
+
     router.afterEach(function (to) {
-        console.log('Route: ', to.name);
         let name = to.fullPath.replace(/[.\/]+/g, '_');
         if (router.hasRoute(name)) {
-            console.log('Clear: ', name)
             router.removeRoute(name)
         }
+        if (loading) {
+            console.log('load.done')
+            loading.close();
+            loading = null;
+        }
+
     });
 
     // window.$think = Vue.createApp({