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

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

index.js文件配置:

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

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

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

相关推荐
90后的晨仔21 分钟前
在macOS上无缝整合:为Claude Code配置魔搭社区免费API完全指南
前端
Rousson1 小时前
硬件学习笔记--93 静电防护方案(电阻、磁珠、电感、TVS等)
笔记·单片机·学习
沿着路走到底1 小时前
JS事件循环
java·前端·javascript
思成不止于此1 小时前
【MySQL 零基础入门】事务精讲(二):ACID 特性与并发问题
数据库·笔记·学习·mysql
子春一21 小时前
Flutter 2025 可访问性(Accessibility)工程体系:从合规达标到包容设计,打造人人可用的数字产品
前端·javascript·flutter
白兰地空瓶1 小时前
别再只会调 API 了!LangChain.js 才是前端 AI 工程化的真正起点
前端·langchain
happyhappy没有句号1 小时前
嵌入式单片机一套通关学习笔记
笔记·单片机·嵌入式硬件·学习
悠哉悠哉愿意1 小时前
【嵌入式学习笔记】工程模板建立
笔记·嵌入式硬件·学习
d111111111d2 小时前
STM32外设基地址与寄存器偏移地址的深度解析
笔记·stm32·单片机·嵌入式硬件·学习
jlspcsdn2 小时前
20251222项目练习
前端·javascript·html