首页 前端知识 关于 [Vue Router warn]: No match found for location with path 的解决方法(转)

关于 [Vue Router warn]: No match found for location with path 的解决方法(转)

2024-06-11 09:06:40 前端知识 前端哥 423 900 我要收藏

问题描述

通过点击菜单访问我们动态添加的路由是没有问题的
如果是强制刷新浏览器,此时,控制台会友好的提示:
[Vue Router warn]: No match found for location with path ‘xxx’ 的警告

分析

我在排除其他可能导致这种错误后,最终将问题定位到添加的 router.beforeEach 路由守卫上。这是因为强制浏览器刷新,路由又访问的是动态添加的路由,此时,进入路由守卫后未找到对应的路由记录所导致的

// 强制浏览器刷新,访问动态路由(/user/manage),进入路由守卫,
router.beforeEach((to) => {
  console.log(to.matched) 
  // 动态路由表还未添加,匹配到的是 [] 的路由记录,控制台提示警告,当后继添加完动态路由后正常显示路由视图组件
  ...
}

解决

只需要在公有的路由表最后添加段代码即可
找到路由配置文件,我的路径是src/router/index.js

const publicRoutes = [
	...
	{
	    path: '/:pathMatch(.*)*',
	    component: () => import('@/views/error-page/404')
	}
]

转自:关于 [Vue Router warn]: No match found for location with path 的解决方法-慕课网 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11949.html
标签
评论
发布的文章

HTML5-本地存储浅谈

2024-06-19 08:06:18

JS实现倒计时功能

2024-06-19 08:06:34

HTML黑客帝国字母雨

2024-06-11 09:06:45

每天一篇之HTML(2)

2024-06-19 08:06:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!