H5页面刷新后页面被渲染成了空白

在index页面刷新时，页面成了一片空白，index加载页面的内容为：

onLoad() {  
            console.log('-------------');  
            this.itembox = false;  
            //1取用户id  
        this.uid = sessionStorage.getItem('uid');  
            //2请求数据  
            this.loadData();  
            console.log('++++++');  
        },

在router里用的是这个来判断页面的路由

router.beforeEach((to, from, next) => {  
    var uid = sessionStorage.getItem('uid');  

    if (to.path == '/pages/login/login') {  
        sessionStorage.removeItem('uid'),  
            console.log('执行了a这个判断 uid:' + uid);  
        next();  
    } else if (uid == null) {  
        console.log('执行了b这个判断 uid:' + uid);  
        next('/pages/login/login');  

    } else {  
        console.log('执行了c这个判断 uid:' + uid);  
        next();  

    }  

})

刷新后控制台打印的结果为下图：

在session里面也正常有uid的。如下图

但是页面确实一片空白，内容都没有了。

跪求各路大神帮忙指点！