在使用 router.addRoutes动态添加路由后，需要手动添加next({ ...to, replace: true })进行重定向重新加载才可以识别到新添加的路由。
但是由于next({ ...to, replace: true })中的to解构，会导致当前路由和前一个路由不一致，vue会抛出重定向的错误。
解决方案：
在router/index.js中添加如下代码 （推荐）
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error => error)
}
Vue.use(Router)
第二种解决方案（不推荐，但也有用）
在要跳转之前 添加.catch监听，只需要监听vue即将抛出的路由异常，vue就不会主动在控制再抛红色错误
this.$router.push('/').catch(()=>{})
在使用 router.addRoutes动态添加路由后，需要手动添加next({ ...to, replace: ...
路有权限控制中，根据用户权限添加路由之后 next() 不生效问题
第一步：在路由里面添加（meta:{navShow:true}）//true：显示；false：隐藏 第二部：在A...
在react-router-dom路由中，路由跳转push()和replace()是不一样的，replace()跳...
备注 ：replace(a,b,regex=True)支持正则
在路由守卫中，只有next()是放行，其他的诸如：next('/logon') 、 next(to)或者 next...
自定义指令replace属性详解 replace:true 会替换父元素，否则就包在内部
beforeEach全局前置路由守卫，基础用法如下： next方法解析在路由守卫中，只有next()是放行，其他的...
?np.random.choicechoice(a, size=None, replace=True, p=Non...
Why is this happening to me? What did I do to deserve thi...
本文标题：路由添加next({ ...to, replace: true
本文链接：https://www.haomeiwen.com/subject/aeilurtx.html
网友评论