Vue Router 4 (Vue.js 3) で404ページを表示する

Vue Router 4 (Vue.js 3) で 404 ページを表示するこの記事はユアマイスター アドベントカレンダー 2022の 11 日目の記事です。 はじめにVue Router は Vue.js で SPA を構築するための公式ルータです。 この記事は、Vue Router 4 で 404 ページを表示する方法を紹介します。 (Vue Router 3 は Vue.js 2 に、Vue Router 4 は Vue.js 3 に対応しています) ※SPA で catch-all としての 404 ページを表示する方法であり、ステータスコード：404 としてページを返す方法ではないことをご了承ください ルート定義公式ドキュメントにも記載されていますが、path: '/:pathMatch(.*)*'をルートの最下部に定義します。 catch-all としてルートマッチし、404