vue-routerで一致するルートが見つからない場合は強制的にリロードします

Question

vue-routerの問題で苦労しています。私はVUE-ルータを使用しています

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

つまり、単純な条件をチェックする必要があり ：2.7.0とVUEは、私は巨大なブログ記事を経て、ないところを発見した2.4.2

ですまっすぐな答え。

Answer 1

私はコードを投げて説明します。

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

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

router.beforeEachは、ルートが3つのパラメータでロードされる前に呼び出されます。 to, from and next。次に、コールバック関数です。
ここでのキーは、toパラメータの一致プロパティです。一致したルートの配列が含まれています。一致するルートが見つからない場合、to.matched配列の長さは0になります。これは私が決定に使用するプロパティです。

vue-routerには、それ以外の種類のプロパティがあります。しかし、それは別の日に戦う戦いだ。