2.5　捕獲404路由

在路由匹配規則中，通過path屬性設置路由地址，目前項目中只設置了一個路由地址，當訪問/home時，加載HelloWorld組件，但是用戶輸入路由地址時可能存在輸入錯誤的情況，為了提升用戶體驗，當輸入一個不存在的路由地址時，應該跳轉到404提示頁面，實現步驟如下。

（1）新建404組件。在src目錄新建views文件夾，用于保存項目中所用到的頁面，在views文件夾下新建404.vue文件，示例代碼如下。

（2）新建路由匹配規則，示例代碼如下。

將404路由匹配規則設置完成之后，用戶在瀏覽器中只要輸入了不存在的路由地址，就會跳轉到404.vue組件，最后使用Element Plus提供的result組件美化404頁面，404.vue組件的示例代碼如下。

在瀏覽器中輸入一個不存在的路由地址，展示效果如圖2-3所示。

圖2-3