router.beforeEach((to, from, next) => {
//如果未匹配到路由
if (to.matched.length ===0) {
//如果上级也未匹配到路由则跳转登录页面，如果上级能匹配到则转上级路由
from.name ? next({ name:from.name }) : next('/');
} else {
next(); //如果匹配到正确跳转
}
});
router.beforeEach((to, from, next) => {
//如果未匹配到路由
if (to.matched.length ===0) {
//如果上级也未匹配到路由则跳转登录页面，如果上级能匹配到则转上级路由
from.name ? next({ name:from.name }) : next('/');
} else {
next(); //如果匹配到正确跳转
}
});
参考：解决vue路由跳转未匹配路径时出现空白页的问题在进行vue项目开发时，常用vue-router进行路由的导航...
router.beforeEach((to, from, next) => { //如果未匹配到路由 if (t...
1、路由全局守卫 在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们...
我们经常遇到客户如果输错URL，就会出现空白，那么我们怎么结局呢？1.路由所有匹配不到时，返回首页；//创建路由对...
问题：Vue动态路由：登录后首次点击侧边栏，显示白屏，手动刷新后能正常跳转 原因：当前路径没有匹配动态路由，路由缓...
解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面，页面没有刷新解决方法：在 router-view 中加 ...
vue 路由跳转的时候 怎么会执行上一个路由的created问题描述：A路由和B路由是兄弟关系，我从A路由跳转到...
原因： 切换tab时 二级路由使用路由切换用了this.$router push 跳转页面， 导致侧滑出现空白页 ...
target open路由跳转没能解决的问题 有时target open的路由跳转方式并不能满足我们的需求，如路由...
本文标题：解决vue路由跳转未匹配相应用路由避免出现空白页面的问题
本文链接：https://www.haomeiwen.com/subject/stkdsltx.html
网友评论