Move the navigation guard at Router level to prevent late redirects

resources/js/routes.js

@@ -85,6 +85,10 @@ router.beforeEach((to, from, next) => {
         }
         else next()
     }
+    else if (to.name === 'genericError' && to.params.err == undefined) {
+        // return to home if no err object is provided to prevent an empty error message
+        next({ name: 'accounts' });
+    }
     else next()
 });
 

resources/js/views/Error.vue

@@ -88,14 +88,6 @@
             });
 
         },
-
-        beforeRouteEnter (to, from, next) {
-            // return to home if no err is provided to prevent an empty error message
-            if (to.params.err == undefined) {
-                next({ name: 'accounts' });
-            }
-            else next()
-        },
     }
 
 </script>