[JavaScript知识库]关于我们使用addRoutes会遇到的bug（404/白屏）

写在前面

? ? ? ? 当我们在做权限管理模块的时候，会用到动态路由，而使用动态路由就难免会遇到两个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()
}

写在最后

? ? ? ? 以上就是今天的所有内容啦，下期见。