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

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

index.js文件配置:

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

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

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

相关推荐
兆子龙17 分钟前
Node.js ESM Loader Hooks 介绍:用 module.register 做转译、Import Map 与自定义解析
前端
四眼肥鱼18 分钟前
flutter 利用flutter_libserialport 实现SQ800 串口通信
前端·flutter
ZFSS19 分钟前
OpenAI Images Edits API 申请及使用
前端·人工智能
Lee川31 分钟前
从零构建AI对话应用:Vite脚手架搭建与API密钥安全实践
前端·程序员
允许部分打工人先富起来33 分钟前
在node项目中执行python脚本
前端·python·node.js
钟智强33 分钟前
Flutter引擎Android平台JNI层未验证指针转换漏洞
前端
骑着小黑马37 分钟前
Electron + Vue3 + AI 做了一个新闻生成器:从 0 到 1 的完整实战记录
前端·人工智能
Sailing39 分钟前
LLM 调用从 60s 卡死降到 3s!彻底绕过 tiktoken 网络阻塞(LangChain.js 必看)
前端·langchain·llm
洋洋技术笔记39 分钟前
计算属性与侦听器
前端·vue.js
用户8144869581140 分钟前
“马上”有惊喜:在 Rokid 灵珠平台上构建 FPS 级 AR 红包雷达应用
前端