Bootstrap

vue项目页面空白但不报错产生的原因分析

vue项目中我们请求一个路由,打开页面发现页面是空白的,产生的主要原因有四种:

1.路由重复

如果配置了两个路由是重复的,比如配置了两个【path: ‘/’】,那么访问就会看到空白页面,这时候改下重复的路由配置即可

2.app.js中删除了router-view

我们可以把 app.js看成路由的顶级路由,再创建路由他属于二级路由,依次类推

3.路由导航守卫没有next()

我们写路由导航守卫时,next相当于是安保人员,只有他有权力进行放行,如果他不进行放行,我们肯定无法接着访问,从而导致页面空白

4.访问的就是空白页面

这种情况比较少,我们再访问一个新的页面时,一般会写点文字进行页面展示

;