vue后台项目菜单路由不匹配或者路径错误,添加默认404页面的方法

在项目中的 router路由配置文件夹中

index.js文件配置:

javascript 复制代码
 children: [
      // 配置 无路由404页
      {
        path: "/:pathMatch(.*)*",
        redirect: "/",
      },
      {
        path: "/:catchAll(.*)",
        name: "NotFound",
        component: () => import("@/components/notFound.vue"),
      },
]

需要在components文件夹下创建notFound.vue 文件

在里面可以自定义样式 即可!

相关推荐
顾安r14 小时前
11.29 脚本游戏 单页面格斗游戏模板
前端·javascript·css·游戏·virtualenv
g***557514 小时前
Redis 通用命令
前端·redis·bootstrap
爱睡觉的雨14 小时前
跨域问题(前端)
前端
我叫张小白。14 小时前
Vue3 路由:单页面应用的核心引擎
前端·javascript·vue.js·前端框架·vue3
y***866914 小时前
前端PWA应用特性使用指南
前端
天空陪伴星辰a14 小时前
表单校验问题
前端·javascript·表单校验
孟祥_成都15 小时前
前端角度学 AI - 15 分钟入门 Python
前端·人工智能
掘金安东尼15 小时前
Astro 十一月更新:新特性与生态亮点(2025)
前端
拉不动的猪15 小时前
判断dom元素是否在可视区域的常规方式
前端·javascript·面试
Hilaku15 小时前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试