diff --git a/src/components/NotFound.vue b/src/components/NotFound.vue
new file mode 100644
index 0000000..895c891
--- /dev/null
+++ b/src/components/NotFound.vue
@@ -0,0 +1,27 @@
+<template>
+	<div>
+		<div class="p404 wrap">
+			<div class="banxin">
+				<img
+					src="http://kumanxuan1.f3322.net:8360/static/store-pc/img/404.94e7c552.jpg"
+					alt="404"
+				/>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped>
+.banxin {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	img {
+		width: 100%;
+	}
+}
+</style>
diff --git a/src/views/Free.vue b/src/views/Free.vue
index e4b8c90..72b9def 100644
--- a/src/views/Free.vue
+++ b/src/views/Free.vue
@@ -1,18 +1,15 @@
 <template>
-    <div>
-asdfasedfd
-    </div>
+  <div>
+    <NotFound />
+  </div>
 </template>
 
 <script>
+import NotFound from "@/components/NotFound.vue";
 export default {
-	name: "User",
-	data() {
-		return {};
-	}
-}
+	//注册404组件
+	components: {NotFound}
+};
 </script>
 
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>
diff --git a/src/views/Order.vue b/src/views/Order.vue
index c3263c1..9bfb4dd 100644
--- a/src/views/Order.vue
+++ b/src/views/Order.vue
@@ -1,13 +1,15 @@
 <template>
-    <div>
-
-    </div>
+	<div>
+		<NotFound />
+	</div>
 </template>
 
 <script>
-export default {}
+import NotFound from "@/components/NotFound.vue";
+export default {
+	//注册404组件
+	components: {NotFound}
+};
 </script>
 
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>