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

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

index.js文件配置:

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

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

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

相关推荐
risc12345624 分钟前
如何认识结构?结构 = 要素 + 关系 + 动态
笔记
程序员Agions31 分钟前
useMemo、useCallback、React.memo,可能真的要删了
前端·react.js
David凉宸33 分钟前
Vue 3 + TS + Vite + Pinia vs Vue 2 + JS + Webpack + Vuex:对比分析
javascript·vue.js·webpack
滕青山33 分钟前
Vue项目BMI计算器技术实现
前端·vue.js
子兮曰37 分钟前
深入浏览器指纹:Canvas、WebGL、Audio是如何暴露你的身份的?
前端·浏览器·canvas
月亮补丁39 分钟前
AntiGravity只能生成 1:1 图片?一招破解尺寸限制
前端
何中应44 分钟前
MindMap部署
前端·node.js
boooooooom44 分钟前
Pinia必学4大核心API:$patch/$reset/$subscribe/$onAction,用法封神!
javascript·vue.js·面试
NAGNIP1 小时前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
wxin_VXbishe1 小时前
C#(asp.net)学员竞赛信息管理系统-计算机毕业设计源码28790
java·vue.js·spring boot·spring·django·c#·php