首先你要排除你的路由没有以下问题

  • name重复
  • 嵌套路由子路由多了’/’

话不多说直接上思路及解决方案

问题: 动态加载路由router.addRoute(xx); 进入目标页面, 控制台报警告:No match found for location with path "/home"
原因: 当前路由为根据权限动态添加的, 所以beforeEach第一次执行的时候, 当前路由还没追加进去, 就会报这个警告

解决方案:

在默认路由中添加下面代码即可

 const constantRoutes = [{path: '/:catchAll(.*)',component: () => import('@/views/error/404.vue'),},];const router = createRouter({history: createWebHistory(),routes})

Vue3 + vueRouter4.x 控制台No match found for location with path ‘/home‘ 解决相关推荐

  1. 已解决vue-router4路由报“[Vue Router warn]: No match found for location with path“

    vue-router4动态加载的模式下,当我们在当前页面刷新浏览器时,会出现一个警告 [Vue Router warn]: No match found for location with path ...

  2. vue-router.esm-bundler.js6c0271 [Vue Router warn] No match found for location with path

    vue-router.esm-bundler.js6c02:71 [Vue Router warn]: No match found for location with path 又是低级问题,上图 ...

  3. vue-router.esm-bundler.js?6c02:71 [Vue Router warn]: No match found for location with path

    vue-router.esm-bundler.js?6c02:71 [Vue Router warn]: No match found for location with path 又是低级问题,上图 ...

  4. No match found for location with path “/“问题如何解决

    我们在页面中碰到这种报错怎么办,解决办法 其实这个问题很简单,先查看你使用的是hash模式还是history模式 如果是hash模式的话: 先去查看自己的路由地址是否携带#号 如果是history模式 ...

  5. qt中出现out-of-line definition of 'Widget' does not match any declaration in 'Widget'问题的解决

    Qt中出现out-of-line definition of 'Widget' does not match any declaration in 'Widget'问题的解决 1.简述 2.解决方法 ...

  6. Vue3 --- vue-router4 编程导航

    需求:简单实现登录页,点击登录按钮调转指定的页面 1. import { useRouter } from 'vue-router'  // 页面引入路由 2. setup(){ const rout ...

  7. 使用idea本地运行mapreduce程序,控制台log4j日志没有打印出来,可以这样解决

    欢迎一起来交流 mapreduce 项目 可以运行成功,但是控制台这几条很醒目的日志信息,说明项目没有配置log4j,在开发的过程中,我们需要更详细的日志信息来定位问题和查看整个过程. 这个问题,上面 ...

  8. vue3.0“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”报错解决......

    vue配置路由时,在路由文件中使用Vue.use(router)的语句无法正常启动服务,并且浏览器报错,提示'use'并未定义:vue中没有use()这个方法 加载vue-router是vue2使用的 ...

  9. EasyCVR前端控制台打印报错“[Vue warn]:Invalid”的解决办法

    EasyCVR是我们支持协议最全面的视频平台,它能支持主流协议包括国标GB/T28181.RTMP.RTSP/Onvif等,以及厂家的私有协议,如海康Ehome.海康SDK.大华SDK等.平台可提供视 ...

最新文章

  1. 【C++ 语言】容器 ( queue 队列 | stack 栈 | priority_queue 优先级队列 | set 集合 | 容器遍历 | map )
  2. python处理utf8编码中文,及打印中文列表和字典
  3. java的图形界面上传附件_Java图形界面(GUI) 动态获取上传或下载文件的路径问题...
  4. MVC 之var与dynamic
  5. linux实例 批量修改图片文件名
  6. 微信小程序 - 豆瓣同城
  7. 【Spark Summit EU 2016】使用参数服务器在Spark上扩展因式分解机
  8. 平庸程序员的成长笔记
  9. 机器人影视对接_机器学习对接会
  10. 安卓开发:WebView下载文件
  11. fenix3 hr 中文说明书_佳明 Fenix3 HR中、英文菜单对照 V4.0
  12. Windows自动更新API(1)
  13. 解决方案:Win C++ mingw编译器出现 不支持的16位程序问题
  14. 我承认我不曾历经沧桑 (蒋方舟)
  15. 内核态与用户态通信之eventfd使用
  16. U-BOOT小全(二)
  17. 关于植物大战僵尸如何更改关卡与金币
  18. 内存颗粒和闪存颗粒的区别_闪存颗粒到底是何物?浅析闪存及制程
  19. 未来五年,物联网三大技术发展趋势
  20. 51单片机 AD转换

热门文章

  1. 关于element table表格横向数据展示封装
  2. 2020投资入籍项目排名:圣基茨和尼维斯投资移民项目全球最快批复
  3. 如何减少电路中器件噪声
  4. 从头开始训练BERT语言模型
  5. C#实现类似百度网盘、育网校园云盘在“我的电脑”磁盘驱动器
  6. [转帖]双剑合璧:CPU+GPU异构计算完全解析
  7. 联想一体机电源键不亮,一体机电脑按下主机电源开关无法开机的解决方案
  8. Matlab模拟循环编码译码
  9. Python语言学习笔记-001-Python 3.3.0的配置与Hello World
  10. 一家赔了15年的书店,为什么得到人们如此厚爱?丨好书优选