init

src/router/index.ts

@@ -0,0 +1,17 @@
+//通过vue-router插件实现模板路由配置
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { constantRoute } from './router'
+//创建路由器
+const router = createRouter({
+  //路由模式hash
+  history: createWebHashHistory(),
+  routes: constantRoute,
+  //滚动行为
+  scrollBehavior() {
+    return {
+      left: 0,
+      top: 0,
+    }
+  },
+})
+export default router

src/router/router.ts

@@ -0,0 +1,64 @@
+//对外暴露配置路由(常量路由)
+export const constantRoute = [
+  {
+    path: '/',
+    name: 'home',
+    component: () => import('@/components/Home/Home.vue'),
+  },
+  {
+    path: '/timetran',
+    component: () => import('@/components/TimeTran/TimeTran.vue'),
+    name: 'timetran'
+  },
+  {
+    path: '/MD5',
+    component: () => import('@/components/MD5/MD5.vue'),
+    name: 'MD5'
+  },
+  {
+    path: '/json',
+    component: () => import('@/components/JsonTran/JsonTran.vue'),
+    name: 'json'
+  },
+  {
+    path: '/reg',
+    component: () => import('@/components/RegTest/RegTest.vue'),
+    name: 'reg'
+  },
+  {
+    path: '/unicode',
+    component: () => import('@/components/Unicode/Unicode.vue'),
+    name: 'unicode'
+  },
+  {
+    path: '/wordcount',
+    component: () => import('@/components/WordCount/WordCount.vue'),
+    name: 'wordcount'
+  },
+  {
+    path: '/ip',
+    component: () => import('@/components/Ip/Ip.vue'),
+    name: 'ip'
+  },
+  {
+    path: '/scaletran',
+    component: () => import('@/components/ScaleTran/ScaleTran.vue'),
+    name: 'scaletran'
+  },
+  {
+    path: '/signimage',
+    component: () => import('@/components/SignImage/SignImage.vue'),
+    name: 'signimage'
+  },
+  {
+    path: '/404',
+    component: () => import('@/components/404/404.vue'),
+    name: '404',
+  },
+  {
+    //重定向
+    path: '/:pathMatch(.*)*',
+    redirect: '/404',
+    name: 'Any',
+  },
+]