Redirect all unexpected url to 404 view

resources/js/app.js

@@ -48,6 +48,12 @@ const router = new VueRouter({
             name: 'edit',
             component: Edit,
         },
+        {
+            path: '/error',
+            name: 'GenericError',
+            component: NotFound,
+            props: true
+        },
         {
             path: '/404',
             name: '404',
@@ -55,11 +61,9 @@ const router = new VueRouter({
             props: true
         },
         {
-            path: '/error',
-            name: 'GenericError',
-            component: NotFound,
-            props: true
-        },
+            path: '*',
+            redirect: { name: '404' }
+        }
     ],
 });
 

resources/js/views/Error.vue

@@ -10,7 +10,7 @@
                 <p>An error occured, please <router-link :to="{ name: 'accounts' }" class="is-text has-text-white">refresh</router-link></p>
             </div>
             <div v-if="debugMode == 'development'">
-                <p class="debug">
+                <p v-if="debug" class="debug">
                     <code>
                         {{ debug }}
                     </code>
@@ -28,7 +28,7 @@
         data(){
             return {
                 ShowModal : true,
-                debug : this.err.data,
+                debug : this.err ? this.err.data : null,
             }
         },