chore: 目录结构调整

package.json

@@ -8,7 +8,7 @@
     "build:pre": "vite build",
     "build:test": "vite build --mode test",
     "preview": "vite preview",
-    "deploy": "node ./deploy/oss.js",
+    "deploy": "node ./deploy.js",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
   },
   "dependencies": {
@@ -29,6 +29,7 @@
     "eslint-plugin-vue": "^7.16.0",
     "sass": "^1.38.0",
     "vite": "^2.5.0",
-    "vite-plugin-vue2": "^1.8.1"
+    "vite-plugin-vue2": "^1.8.1",
+    "vue-template-compiler": "^2.6.14"
   }
 }

src/main.js

@@ -8,8 +8,8 @@ import '@/assets/css/base.css'
 import beforeEnter from '@/utils/beforeEnter'
 
 // Element-UI
-import '@/assets/theme/index.css'
 import ElementUI from 'element-ui'
+import '@/assets/theme/index.css'
 Vue.use(ElementUI)
 
 // 注册模块

src/modules/exception/route.js → src/modules/exception/index.js

@@ -10,4 +10,4 @@ const routes = [
   }
 ]
 
-export default routes
+export { routes }

src/modules/finance/invoice/index.js

+const routes = [
+  {
+    path: 'finance/invoice',
+    component: () => import('./views/List.vue')
+  },
+  {
+    path: 'finance/invoice/:id',
+    component: () => import('./views/Detail.vue')
+  }
+]
+
+export { routes }

src/modules/finance/invoice/route.js

-import AppLayout from '@/components/layout/Index.vue'
-
-const routes = [
-  {
-    path: '/finance',
-    component: AppLayout,
-    redirect: '/finance/pay',
-    children: [
-      {
-        path: 'invoice',
-        component: () => import('./views/List.vue')
-      },
-      {
-        path: 'invoice/:id',
-        component: () => import('./views/Detail.vue')
-      }
-    ]
-  }
-]
-
-export default routes

src/modules/finance/pay/index.js

+const routes = [
+  {
+    path: 'finance',
+    redirect: 'finance/pay'
+  },
+  {
+    path: 'finance/pay',
+    component: () => import('./views/List.vue')
+  },
+  {
+    path: 'finance/pay/:id',
+    component: () => import('./views/Detail.vue')
+  }
+]
+
+export { routes }

src/modules/finance/pay/route.js

-import AppLayout from '@/components/layout/Index.vue'
-
-const routes = [
-  {
-    path: '/finance',
-    component: AppLayout,
-    redirect: '/finance/pay',
-    children: [
-      {
-        path: 'pay',
-        component: () => import('./views/List.vue')
-      },
-      {
-        path: 'pay/:id',
-        component: () => import('./views/Detail.vue')
-      }
-    ]
-  }
-]
-
-export default routes

src/modules/index.js

-const modules = Object.values(import.meta.globEager('./**/route.js'))
+const modules = Object.values(import.meta.globEager('./**/index.js'))
 
-export default function (options) {
-  modules.forEach(module => {
-    const routes = module.default
+export default function ({ router }) {
+  modules.forEach(({ routes }) => {
     routes.forEach(route => {
-      options.router.addRoute(route)
+      ;/^\//.test(route.path) ? router.addRoute(route) : router.addRoute('layout', route)
     })
   })
 }

src/router/index.js

@@ -3,7 +3,15 @@ import VueRouter from 'vue-router'
 
 Vue.use(VueRouter)
 
-const routes = [{ path: '*', redirect: '/finance/pay' }]
+const routes = [
+  { path: '*', redirect: '/finance/pay' },
+  {
+    name: 'layout',
+    path: '/',
+    redirect: '/finance/pay',
+    component: () => import('@/components/layout/Index.vue')
+  }
+]
 
 const router = new VueRouter({
   mode: 'history',