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