技术栈

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

Array[赵]2023-09-19 15:46

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

index.js文件配置:

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

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

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

上一篇:PowerBI - 匹配并从另一个表中获取值
下一篇:【Java学习篇】 Java中的反射
相关推荐
Jerry
22 分钟前
迁移到 Jetpack Compose
前端
FFF-X
33 分钟前
前端无感刷新 Token 的 Axios 封装方案
前端
qq_58956810
33 分钟前
javaweb开发笔记—— 前端工程化
java·前端
gnip
1 小时前
包管理工具的发展
前端
凳子(刘博浩)
1 小时前
决策树的笔记
笔记
前端工作日常
2 小时前
H5 实时摄像头 + 麦克风:完整可运行 Demo 与深度拆解
前端·javascript
韩沛晓
2 小时前
uniapp跨域怎么解决
前端·javascript·uni-app
前端工作日常
2 小时前
以 Vue 项目为例串联eslint整个流程
前端·eslint
程序员鱼皮
2 小时前
太香了!我连夜给项目加上了这套 Java 监控系统
java·前端·程序员
该用户已不存在
2 小时前
这几款Rust工具,开发体验直线上升
前端·后端·rust
热门推荐
01UV安装并设置国内源02KGG转MP3工具|非KGM文件|解密音频03Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code04DeepSeek更新!速览DeepSeek V3.1新特性05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接06Claude Code VSCode集成开发指南:AI编程助手完整配置07Spring 调试终于不再痛苦了08【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)092025最新国内服务器可用docker源仓库地址大全(2025年8月更新)10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南