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

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

index.js文件配置:

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

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

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

相关推荐
软弹6 分钟前
Vue2 的数据响应式原理&&给实例新增响应式属性
前端·javascript·vue.js
浅水壁虎7 分钟前
任务调度——XXLJOB3(执行器)
java·服务器·前端·spring boot
晨欣11 分钟前
pnpm vs npm 命令对照表
前端·npm·node.js
小二·18 分钟前
Python Web 开发进阶实战:AI 智能体操作系统 —— 在 Flask + Vue 中构建多智能体协作与自主决策平台
前端·人工智能·python
航Hang*25 分钟前
计算机等级考试(二级WPS)---第1章:综合应用基础---第3节:云办公云服务
笔记·学习·wps·复习·计算机二级·计算机等级考试
轴测君34 分钟前
CBAM(Convolutional Block Attention Module)
人工智能·pytorch·笔记
Knight_AL35 分钟前
Flink 状态管理详细总结:State 分类、Keyed State 实战、Operator State、TTL、状态后端选型
前端·数据库·flink
无心水1 小时前
17、Go协程通关秘籍:主协程等待+多协程顺序执行实战解析
开发语言·前端·后端·算法·golang·go·2025博客之星评选投票
爱学java的ptt1 小时前
万字亿集流量系统架构总结笔记(上)
笔记·系统架构
weixin_638303111 小时前
uniapp组合式和选项式
javascript·vue.js·uni-app