vue跳转后页面空白
vue跳转后页面空白可能是由以下原因导致的:
1. 路由path写法问题:在history模式下,如果路由path写法不正确,可能导致页面刷新时出现空白。例如,二级路由时,如果路径是“/system/permisson”,而静态资源实际上是“/app.js”才能找到,这时页面会显示空白。解决方法是修改路由path为正确的写法。
2. history模式的问题:在history模式下,前端路由修改的是path,当刷新时,如果服务器中没有相应的响应或者资源,会分分钟刷出一个404来。解决方法是在后端配置正确的响应和资源,或者使用hash模式。
3. 路由嵌套问题:在嵌套路由中,如果子路由的部分没有正确展示,可能导致页面显示空白。解决方法是调整标签的位置,将其放在需要展示子路由的位置。
综上,解决vue跳转后页面空白的问题,可以检查路由path的写法、history模式的配置以及路由嵌套的实现。