Vue Router で直アクセスを禁止する

Vue Router における直アクセスの判定について、ほどほどに使う割には記事として残っているのを見かけなかったので、記事にしてみます。 フォームの完了ページや診断の結果ページなど、他のページからページ遷移するけど直アクセスはさせたくない場合に使用できます。 直アクセスの条件 Vue Router で直アクセスするということは、ページ遷移元のページがないということです。 そういった遷移を判定するのに使えるのが START_LOCATION です。 from が START_LOCATION と等しい場合に直アクセスとだとみなすことができます。 ユースケース /hoge は直アクセス可能で、 /fuga は直アクセスさせたくない（Vue Router を使用して他のページからの遷移のみ許可したい）とします。 ベースとなるルート定義は下記のようになります。 （name や component