diff --git a/package.json b/package.json
index 590721ee8a8c20509e881151c067340c31530473..8d908881291865b8959fb71ba723ec7e44103fb5 100644
--- a/package.json
+++ b/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",
diff --git a/src/main.js b/src/main.js
index 90e6400b4d8ad8aba0c1caa53874eb4b81380648..21c0adbd95d114189fe79638810377814636b84e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 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')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..e3584d3406bac8648248415a27eabe6664719300
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,23 @@
+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
+})
+
+
diff --git a/src/view/compare.vue b/src/view/compare.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/vite.config.js b/vite.config.js
index 4ad898dec614e030adad5e4f80523145bce56245..b9d062604c7ddabe8a7861cd7bfc90efc6a8cd7c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,10 +1,15 @@
 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')
+    }
+  }
 })