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

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

index.js文件配置:

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

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

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

相关推荐
夏鹏今天学习了吗3 小时前
【性能优化】前端高性能优化策略
前端·性能优化
weixin_427771616 小时前
css font-size 的妙用
前端·css
凤凰战士芭比Q7 小时前
web中间件——Nginx
前端·nginx·中间件
好望角雾眠7 小时前
第四阶段C#通讯开发-5:TCP
网络·笔记·网络协议·tcp/ip·c#
三品吉他手会点灯7 小时前
stm32f103学习笔记-16-RCC(第2节)-讲解系统时钟配置函数SetSysClockTo72()
笔记·stm32·单片机·嵌入式硬件·学习
一 乐8 小时前
点餐|智能点餐系统|基于java+ Springboot的动端的点餐系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序·论文
仙人掌_lz8 小时前
Kimi Linear 论文阅读笔记:第一次“线性注意力”全面胜过全注意力
论文阅读·笔记
wdfk_prog8 小时前
[Linux]学习笔记系列 -- [kernel]cpu
linux·笔记·学习
bitbitDown8 小时前
从零打造一个 Vite 脚手架工具:比你想象的简单多了
前端·javascript·面试
liangshanbo12159 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css