html5页面四周不留白,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的。如下图

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

跪求各路大神帮忙指点！