前端404页面

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 164 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #数据库

    {path: '/404', name: 'NotFound', meta:{ title:'404页面' },component: () => import('../views/404.vue')},
    {path: '/:pathMatch(.*)', redirect:'/404'},

{path: '/404', name: 'NotFound', meta:{ title:'404页面' },component: () => import('../views/404.vue')}
- 定义了一个路由路径 /404
- 路由名称是 'NotFound'
- 元信息 meta 中设置了标题为 '404页面'
- 使用动态导入（懒加载）方式加载 ../views/404.vue 组件
- 当用户访问 /404 时会显示这个404页面组件
{path: '/:pathMatch(.*)', redirect:'/404'}
- 这是一个通配符路由，:pathMatch(.*) 会匹配任何未定义的路由路径
- 当用户访问任何未定义的路由时，会自动重定向到 /404
- 这样就能确保所有未知路径都显示404页面