Pārlūkot izejas kodu

feat(UI): 404处理

Michael Wang 7 gadi atpakaļ
vecāks
revīzija
ff9f503bad
2 mainītis faili ar 11 papildinājumiem un 0 dzēšanām
  1. 6 0
      src/router.js
  2. 5 0
      src/views/NotFoundComponent.vue

+ 6 - 0
src/router.js

@@ -2,10 +2,12 @@ import Vue from "vue";
 import Router from "vue-router";
 import Router from "vue-router";
 import Home from "./views/Home.vue";
 import Home from "./views/Home.vue";
 import About from "./views/About.vue";
 import About from "./views/About.vue";
+import NotFoundComponent from "./views/NotFoundComponent.vue";
 
 
 Vue.use(Router);
 Vue.use(Router);
 
 
 export default new Router({
 export default new Router({
+  mode: "history",
   routes: [
   routes: [
     {
     {
       path: "/",
       path: "/",
@@ -16,6 +18,10 @@ export default new Router({
       path: "/about",
       path: "/about",
       name: "about",
       name: "about",
       component: About
       component: About
+    },
+    {
+      path: "*",
+      component: NotFoundComponent
     }
     }
   ]
   ]
 });
 });

+ 5 - 0
src/views/NotFoundComponent.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="404">
+    <h1>404 not found</h1>
+  </div>
+</template>