vue路由跳转后页面白屏
时间: 2023-09-13 11:10:28 浏览: 238
Vue路由切换页面不更新问题解决方案
5星 · 资源好评率100%
引用中提到,页面白屏的原因是因为路由无法匹配到正确的路径。当使用next(to.path)强制再次进入路由守卫时,可能会导致死循环,进而导致浏览器无法正常显示页面。
引用中指出,当刷新页面时,控制台会输出错误信息,提示找不到匹配路径的路由。这可能是由于路由配置不正确,或者路由守卫没有正确触发。
引用中提到,在控制台报错时,并没有进入路由守卫的情况。因此,在路由守卫中配置任何内容或重新添加动态路由到session或vuex中都是无效的,因为在进入路由守卫之前就已经出现了错误。
综上所述,vue路由跳转后页面白屏可能是由于路由配置错误,路由守卫未正确触发或者存在其他代码问题导致的。如果遇到这个问题,可以检查路由配置是否正确,确保路由守卫能够正常触发,并检查其他可能导致页面白屏的代码问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [真正有效解决vue addRoute动态添加路由后刷新页面白屏的靠谱方法及思路,切实可行!](https://blog.csdn.net/qq_37150410/article/details/128012829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文