修复路由

src/assets/main.css

@@ -16,7 +16,6 @@ a, .green {
 
 .flex {
   display: flex;
-  align-items: center;
 }
 
 .fill {

src/main.js

@@ -1,8 +1,6 @@
 import Vue from 'vue'
-
 import App from './App.vue'
 import router from './router'
-
 import './assets/main.css'
 
 new Vue({

src/router/index.js

@@ -3,21 +3,15 @@ import VueRouter from 'vue-router'
 
 Vue.use(VueRouter)
 const ctx = import.meta.glob('../views/App*.vue', {eager: true})
-const router = new VueRouter({
+const routes = [{path: '/', name: 'home'}]
-  mode: 'history', routes: [{
+Object.values(ctx).map(file => {
-    path: '/', name: 'home',
-  }]
-})
-const routes = []
-console.log(ctx)
-await Promise.all(Object.values(ctx).map(file => {
   if (file.default) {
-    let {name, label = name, path = name} = file.default
+    let {name, label = name, path = `/apps/${name}`} = file.default
-    routes.push({name, path, label})
+    routes.push({name, path, label, component: file.default})
-    return router.addRoute("home", {path, name, component: () => file.default})
-
   }
-})).then(() => {
-  localStorage.setItem('routes', JSON.stringify(routes))
 })
-export default router
+localStorage.setItem('routes', JSON.stringify(routes.slice(1).map(v => ({name: v.name, label: v.label, path: v.path}))))
+
+export default new VueRouter({
+  mode: 'history', routes
+})

src/views/AppSpanTable.vue

@@ -6,11 +6,13 @@ export default {
 </script>
 
 <template>
-  <section class="AppSpanTable"></section>
+  <section class="AppSpanTable">
+    ASDASD
+  </section>
 </template>
 
 <style scoped>
 .AppSpanTable {
-  
+
 }
 </style>