更新打包

src/pages/404/index.tsx

@@ -1,5 +1,7 @@
 import { defineComponent } from "vue";
 import styles from "./index.module.less";
+import P404 from '/src/assets/404_images/404.png'
+import PCloud from '/src/assets/404_images/404_cloud.png'
 
 export default defineComponent({
   name: 'Page404',
@@ -14,16 +16,16 @@ export default defineComponent({
         <div class={styles.wscnHttp404}>
         <div class={styles.pic404}>
             <img class={styles.pic404__parent}
-                src="/src/assets/404_images/404.png"
+                src={P404}
                 alt="404" />
             <img class={[styles.pic404__child, styles.left]}
-                src="/src/assets/404_images/404_cloud.png"
+                src={PCloud}
                 alt="404" />
             <img class={[styles.pic404__child, styles.mid]}
-                src="/src/assets/404_images/404_cloud.png"
+                src={PCloud}
                 alt="404" />
             <img class={[styles.pic404__child, styles.right]}
-                src="/src/assets/404_images/404_cloud.png"
+                src={PCloud}
                 alt="404" />
           </div>
           <div class={styles.bullshit}>

src/pages/login/index.tsx

@@ -3,6 +3,8 @@ import { ElForm, ElFormItem, ElInput, ElMessage } from "element-plus";
 import styles from './index.module.less'
 import request from "/src/helpers/request";
 import { setToken } from "/src/utils/auth";
+import LogoPng from '././../../assets/home/logo.png'
+import FromBg from './images/from-bg.png'
 
 
 export default defineComponent({
@@ -137,7 +139,7 @@ export default defineComponent({
       <div class={styles.loginContainer}>
         <div class={styles.loginHeader}>
           <div class={styles.logo}>
-            <img src="/src/assets/home/logo.png" alt="" />
+            <img src={LogoPng} alt="" />
           </div>
           <i class={styles.line}></i>
           <div class={styles.logoName}>乐团管理系统</div>
@@ -147,7 +149,7 @@ export default defineComponent({
         <div>
           <div class={styles.loginSection}>
             <div class={styles.formBg}>
-              <img src="/src/pages/login/images/from-bg.png" alt="" />
+              <img src={FromBg} alt="" />
             </div>
             <ElForm ref="loginForm"
               model={this.loginForm}

src/router.ts

@@ -1,5 +1,4 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
-// import VueRouter from 'vue-router'
 import routes from './routes'
 
 export default createRouter({

src/routes.tsx

@@ -1,21 +1,64 @@
+// import { open, close } from '/src/helpers/loading'
+
+const getRouterComponent = (name: string) => async () => {
+  // const timer = setTimeout(() => {
+  //   open()
+  // }, 300)
+  let res: Promise<any> = Promise.resolve(null)
+  try {
+    res = await import(/* @vite-ignore */ `../src/pages/${name}/index.tsx`)
+  } catch (error) {
+    res = Promise.reject()
+  }
+  // clearTimeout(timer)
+  // close()
+  return res
+}
+
+
 export default [
   {
     path: '/',
-    component: import(/* @vite-ignore */ `../src/pages/home/index`),
+    component: getRouterComponent('home'),
   },
   {
     path: '/home',
-    component: import(/* @vite-ignore */ `../src/pages/home/index`),
+    component: getRouterComponent('home'),
   },
   {
     path: '/login',
-    component: import(/* @vite-ignore */ `../src/pages/login/index`),
+    component: getRouterComponent('login'),
   },
   {
     path: '/:pathMatch(.*)*',
-    component: import(/* @vite-ignore */ `../src/pages/404/index`),
+    component: getRouterComponent('404'),
     meta: {
       title: '404 Not Fund'
     }
   }
-]
+]
+
+
+
+
+// export default [
+//   {
+//     path: '/',
+//     component: import(/* @vite-ignore */ `../src/pages/home/index`),
+//   },
+//   {
+//     path: '/home',
+//     component: import(/* @vite-ignore */ `../src/pages/home/index`),
+//   },
+//   {
+//     path: '/login',
+//     component: import(/* @vite-ignore */ `../src/pages/login/index`),
+//   },
+//   {
+//     path: '/:pathMatch(.*)*',
+//     component: import(/* @vite-ignore */ `../src/pages/404/index`),
+//     meta: {
+//       title: '404 Not Fund'
+//     }
+//   }
+// ]

vite.config.ts

@@ -10,11 +10,11 @@ const legacy = require('@vitejs/plugin-legacy')
 const proxyUrl = "http://dev.dayaedu.com/"; // test 环境
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: "/",
+  base: "./",
   // '/src': resolve(__dirname, './src')
   resolve: {
     alias: {
-      // '/src': resolve(__dirname, './src'),
+      // '/src': path.resolve(__dirname, './src'),
     }
   },
   css: {