切换为vite模式

web/src/router/index.js

@@ -7,12 +7,12 @@ const routes = [{
 {
   path: '/init',
   name: 'Init',
-  component: () => import('@/view/init/index')
+  component: () => import('@/view/init/index.vue')
 },
 {
   path: '/login',
   name: 'Login',
-  component: () => import('@/view/login/index')
+  component: () => import('@/view/login/index.vue')
 }
 ]
 

web/src/utils/_import.js

@@ -1,3 +0,0 @@
-module.exports = file => () => {
-  return import ('@/' + file)
-}

web/src/utils/asyncRouter.js

@@ -1,8 +1,10 @@
-const _import = require('./_import') // 获取组件的方法
+const modules = import.meta.glob('../../view/**/*.vue')
+
 export const asyncRouterHandle = (asyncRouter) => {
   asyncRouter.map(item => {
     if (item.component) {
-      item.component = _import(item.component)
+      item.component = dynamicImport(modules, item.component)
+      console.log(item.component)
     } else {
       delete item['component']
     }
@@ -11,3 +13,18 @@ export const asyncRouterHandle = (asyncRouter) => {
     }
   })
 }
+
+function dynamicImport(
+  dynamicViewsModules,
+  component
+) {
+  const keys = Object.keys(dynamicViewsModules)
+  const matchKeys = keys.filter((key) => {
+    let k = key.replace('../../view', '')
+    const lastIndex = k.lastIndexOf('.')
+    k = k.substring(0, lastIndex)
+    return k === component
+  })
+  const matchKey = matchKeys[0]
+  return dynamicViewsModules[matchKey]
+}