src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div id="app">
     <div class="app-bg"></div>
 
     <!--    <div class="safe-area-inset-bottom">
@@ -49,21 +49,19 @@ 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',item)
-      // console.warn("item.component", item.component);
+      // console.warn('item.component',item.component)
       if (item.component) {
-        const name = getComponentName(item.component.toString());
-        name &&
         componentNameList.value.push(
           getComponentName(item.component.toString())
         );
@@ -77,14 +75,14 @@ function getKeepAlive(routesArr: object[]) {
 }
 
 // 获取组件名
-function getComponentName(str: string) {
+function getComponentName(url: string) {
-  const hasLegacy = str.includes("legacy");
+  const regex = /\/([^\/]+)\.(?=[^\/]*$)/;
-  const regex = hasLegacy ? /\/(.+?)-legacy\./ : /\/([^\/]+)\.(?=[^\/]*$)/;
+  const match = regex.exec(url); // 执行正则匹配
-  const match = regex.exec(str); // 执行正则匹配
   if (match) {
     const name = match[1]; // 获取第一个捕获组的值
     return name;
   }
+  return "";
 }
 </script>