diff --git a/src/pages/404/.keep b/src/pages/404/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/pages/404/index.vue b/src/pages/404/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a21837cd3e63c32cd7edfd435fffb8e538a2e732
--- /dev/null
+++ b/src/pages/404/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <a-card hoverable class="card">
+    <a-card-meta>
+      <template slot="description">
+        <a-result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
+          <a-button type="primary" @click="goBack">
+            <a-icon type="left" />
+            <span>返 回</span>
+          </a-button>
+        </a-result>
+      </template>
+    </a-card-meta>
+  </a-card>
+</template>
+
+<script>
+export default {
+  methods: {
+    // 返回
+    goBack() {
+      this.$router.back(-1)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.card {
+  width: 400px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+  text-align: center;
+}
+</style>