增加404

src/App.vue

@@ -6,24 +6,24 @@
 </template>
 
 <script>
-import Header from "./components/Header.vue";
-import Footer from "./components/Footer.vue";
+  import Header from "./components/Header.vue";
+  import Footer from "./components/Footer.vue";
 
-export default {
-  name: "App",
-  components: {
-    Header,Footer
-  },
-};
+  export default {
+    name: "App",
+    components: {
+      Header, Footer
+    },
+  };
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #300307;
-  margin-top: 60px;
-}
-</style>
+  #app {
+    font-family: Avenir, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-align: center;
+    color: #300307;
+    margin-top: 60px;
+  }
+</style>

src/api/index.js

@@ -0,0 +1,2 @@
+import Vue from "vue";
+import Router from "vue-router";

src/views/common/403.vue

@@ -0,0 +1,13 @@
+<template>
+    <div> 403 Forbidden：资源不可用 </div>
+</template>
+
+<script>
+    export default {
+        name: "404"
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/common/404.vue

@@ -1,5 +1,5 @@
 <template>
-    
+    <div> 404 Not Found：无法找到指定位置的资源 </div>
 </template>
 
 <script>

src/views/common/500.vue

@@ -1,5 +1,5 @@
 <template>
-    
+    <div> 500 Internal Server Error </div>
 </template>
 
 <script>

src/views/common/502.vue

@@ -1,5 +1,5 @@
 <template>
-    
+    <div>502 Bad Gateway</div>
 </template>
 
 <script>

src/views/home/Home.vue

@@ -6,4 +6,5 @@
 </script>
 
 <style scoped>
+  
 </style>