Fri Sep 1 13:11:00 CST 2023 inscode

package.json

@@ -9,7 +9,8 @@
   "dependencies": {
     "diff2html": "^3.4.41",
     "guess": "^1.0.2",
-    "vue": "^3.2.37"
+    "vue": "^3.2.37",
+    "vue-router": "^4.2.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.0.1",

src/main.js

 import { createApp } from 'vue'
 import App from './App.vue'
+import router from './router/index'
 
 import './assets/main.css'
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')

src/router/index.js

+import {createRouter, createWebHashHistory} from 'vue-router';
+
+// 路由列表
+const routes = [
+    {
+        path: '/',
+        name: 'Index',
+        redirect: '/compare'
+    },
+    {
+        path: '/compare',
+        name: 'Compare',
+        component: () => import('@/view/compare'),
+    }
+]
+
+// 导出路由
+export default  createRouter({
+    history: createWebHashHistory(),
+    routes
+})
+
+

vite.config.js

 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-
+import { resolve } from 'path'
 // https://vitejs.dev/config/
 export default defineConfig({
   server: {
     host: true
   },
-  plugins: [vue()]
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src')
+    }
+  }
 })