05_06

Author: mahedes

vuejs3-linkedin-project/src/router/index.js

@@ -1,6 +1,8 @@
 import { createRouter, createWebHistory } from "vue-router";
 import Home from "../views/Home.vue";
 import Contact from "../views/Contact.vue";
+import NotFound from "../views/NotFound.vue";
+
 
 const routes = [
   {
@@ -13,12 +15,11 @@ const routes = [
     name: "Contact",
     component: Contact,
     alias: "/contact"
-  }
-  /*,
+  },
   {
-    path: "/contact",
-    redirect: {name: "Contact"}
-  }*/
+    path: '/:catchAll(.*)',
+    component: NotFound
+  }
 ];
 
 const router = createRouter({

vuejs3-linkedin-project/src/views/NotFound.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <h1>404</h1>
+    <h2>Nous n'avons pas pu trouver votre page</h2>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "NotFound"
+};
+</script>