From 97116439d2126087dc4aea7fedcd0cee2ce7eb70 Mon Sep 17 00:00:00 2001
From: wangshuai <shuai16.wang@dhc.com.cn>
Date: Thu, 25 May 2023 11:26:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dapp=E6=AD=A3=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=85=20=E8=B7=AF=E7=94=B1=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 02d5ce1..216205d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div>
     <div class="app-bg"></div>
 
     <!--    <div class="safe-area-inset-bottom">
@@ -49,22 +49,24 @@ onMounted(() => {});
 const componentNameList: any = ref([]);
 getKeepAlive(router.options.routes as object[]);
 
-// console.log("componentNameList",componentNameList)
+console.log("componentNameList", componentNameList);
 
 function getKeepAlive(routesArr: object[]) {
-  // console.log(routesArr)
+  // console.log(routesArr);
   routesArr.forEach((item: any) => {
     if (
       !item.meta ||
       item.meta.notKeepAlive === undefined ||
       item.meta.notKeepAlive === false
     ) {
-      // console.warn('item',item)
-      // console.warn('item.component',item.component)
+      // console.warn("item", item);
+      // console.warn("item.component", item.component);
       if (item.component) {
-        componentNameList.value.push(
-          getComponentName(item.component.toString())
-        );
+        const name = getComponentName(item.component.toString());
+        name &&
+          componentNameList.value.push(
+            getComponentName(item.component.toString())
+          );
       }
     }
     // 是否有子级
@@ -75,14 +77,14 @@ function getKeepAlive(routesArr: object[]) {
 }
 
 // 获取组件名
-function getComponentName(url: string) {
-  const regex = /\/([^\/]+)\.(?=[^\/]*$)/;
-  const match = regex.exec(url); // 执行正则匹配
+function getComponentName(str: string) {
+  const hasLegacy = str.includes("legacy");
+  const regex = hasLegacy ? /\/(.+?)-legacy\./ : /\/([^\/]+)\.(?=[^\/]*$)/;
+  const match = regex.exec(str); // 执行正则匹配
   if (match) {
     const name = match[1]; // 获取第一个捕获组的值
     return name;
   }
-  return "";
 }
 </script>