uni-app启动app时引导页、登录页、首页的跳转方式,在什么情况下跳转~~
满足需求:第一次启动app时,出现引导页;其余次启动项目时,判断是否登录uniapp,登录则为首页,反之则登录页面。
1.app启动会有启动页首先设置启动页: manifest.json -> 源码视图中修改如下:
"splashscreen" : {
"alwaysShowBeforeRender" : false,
"waiting" : true,
"autoclose" : false,
"delay" : 0
},
2.在app.vue中 onLaunch 方法中添加
// launchFlag 判断引导页 并在第一次进入引导页中存入 次字段uni.setStorage({key: 'launchFlag',data: true,});
const value = uni.getStorageSync('launchFlag');
// 获取token
const token = uni.getStorageSync(config.Global.cache + '_Token');
console.log("token",token);
console.log("value",value);
if(!value) {
console.log('abc')
uni.navigateTo({
url: "/pages/index/guide",
success: () => {
plus.navigator.closeSplashscreen();
}
});
} else {
if(token){
console.log("退出登录transit1");
plus.navigator.closeSplashscreen();
}else{
uni.reLaunch({
url: "/pages/users/sign-in/sign-in",
success: () => {
plus.navigator.closeSplashscreen();
}
})
}
}
注意: pages.json 中把首页放在第一位哦!启动页加载时会先加载首页!