需求:第一次启动app时,出现登录页面;其余次启动项目时,判断是否已经登录过了,登录则为首页,反之则登录页面。
解决方法:
1. 在manifest.json中关闭默认启动界面:splashscreen中属性都改为false,如下图:
2. 在app.vue中添加一下代码(可根据自己的具体情况适当的修改或新增一些代码):
onLaunch: function() {
//#ifdef APP-PLUS
//获取已保存在本地的用户信息,该内容在登录页面登录成功之后,才保存到本地的
const userLoginInfo = uni.getStorageSync('userLoginInfo');
if (!userLoginInfo) {
uni.reLaunch({
url: "/pages/login/index",
success: () => {
//跳转完页面后再关闭启动页
plus.navigator.closeSplashscreen();
}
})
} else {
plus.navigator.closeSplashscreen(); //关闭启动页,进入首页
}
//#endif
},
onShow: function() {
setTimeout(() => {
// #ifdef APP-PLUS
plus.navigator.closeSplashscreen()
// #endif
}, 2000)
},
注意: pages.json 中把首页放在第一位哦!启动页加载时会先加载首页!
网友评论