写在前面
当我们在做权限管理模块的时候,会用到动态路由,而使用动态路由就难免会遇到两个bug:
1.如果我们刷新浏览器,会发现跳到了404页面
2.对于addRoute添加的路由,在刷新时会白屏
下文将讲解如何修复这两个bug。
1、刷新页面跳转到404页面
造成这个bug的主要原因是因为我们在路由设置的时候可能把404页面放在了中间位置而不是所有路由的最末尾。
解决方法就是把404页改到路由配置的最末尾就可以了,因为大家的项目内容各不相同,再次就不举例赘述了。
2、解决刷新出现的白屏bug
对于这个bug,vue官方给予了修复的代码,贴在下面:
if (条件) {
// 省略其他...
// 解决刷新出现的白屏bug
next({
...to, // next({ ...to })的目的,是保证路由添加完了再进入页面 (可以理解为重进一次)
replace: true // 重进一次, 不保留重复历史
})
} else {
next()
}
写在最后
以上就是今天的所有内容啦,下期见。