Force Reload, wenn keine passende Route gefunden wird in Vue-Router

Question

Ich habe mit einem Problem mit Vue-Router zu kämpfen. Ich brauche eine einfache Bedingung dh

If no matching route is found. Do window.location.reload()

Ich bin mit vue-Router zu überprüfen: 2.7.0 und vue ist 2.4.2

ich durch enorme Blog-Post gegangen sind, aber nicht, wo gefunden eine direkte Antwort.

Answer 1

Ich werde den Code einwerfen und dann erklären.

const router = new VueRouter({ 
    mode: 'history', 
    routes, 
}); 

router.beforeEach((to, from, next) => { 
    if (to.matched.length === 0) { 
    window.location.reload(); 
    } 
    next(); 
}); 

router.beforeEach wird aufgerufen, bevor eine Route mit drei Parametern geladen wird. to, from and next. Als nächstes eine Callback-Funktion.
Der Schlüssel hier ist die übereinstimmende Eigenschaft in to Parameter. Es enthält eine Reihe übereinstimmender Routen. Wenn keine übereinstimmende Route gefunden wird, wird die Länge des Arrays to.matched 0, was die Eigenschaft ist, die ich für die Entscheidung verwende.

Es sollte eine andere Art von Eigenschaft in der vue-router sein. Aber das ist ein Kampf, den ich an einem anderen Tag bestreiten werde.