前言

在 uni-app 开发 H5 移动端项目中，如果访问一个不存在的路由路径后，自定跳转重定向到自己定义的 404 页面。

本文带您从 0-1 一路复制，仅需 2 步完成 当页面 router 路由不存在，自动跳转到指定的 404 页面，

用最简单且最高效的方式完成，助您轻松完成该功能，

---

如下图所示，路由错误的时候自动跳转到 404 页面（文末提供效果图 404 页面的图片）：

代码干净整洁，功能无任何 BUG

第一步

首先准备一个 404 页面，当路由不存在时跳转到该页面。

打开项目 pages 文件夹，在里面建立一个 404 文件夹，

紧接着在里面新建一个简单的 404.vue 文件，复制以下代码。

<