uniapp 判断是否登录,是跳转至首页,否跳转至登录页

1.问题

在使用uni-app开发app 打包完成后 用户没登录首次进入跳转登录页 登录跳转至首页!

平常解决方法是onLaunch生命周期里面判断用户是否登录 但是有一个不好的体验就是每次进入程序先进入设定的第一个页面 在进入首页 这样体验不是很好~

2.解决

uni-app文档地址:https://uniapp.dcloud.io/collocation/manifest?id=splashscreen
H5+文档地址:http://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.closeSplashscreen

使用plus.navigator.closeSplashscreen()
首先manifest.json app-plus 默认这两值是true 设置改为false 需要时在关闭

在这里插入图片描述
manifest.json 源码配置

"app-plus" : {
     "splashscreen" : {
         "alwaysShowBeforeRender" : false,
         "waiting" : true,
         "autoclose" : false,
         "delay" : 0
     }
 }

App.vue 文件 onLaunch 生命周期里面写法 (根据自己需求情况判断)这里是用到token判断存在跳转至首页 不存在跳转登录页

onLaunch: function() {
    console.log('App Launch');
    // #ifdef APP-PLUS
    // token标志来判断
    let token= uni.getStorageSync('token');    
    if (token) {
	    //存在则关闭启动页进入首页
		plus.navigator.closeSplashscreen();
	
    } else {
		//不存在则跳转至登录页
        uni.reLaunch({
            url: "/pages/login/login",
		    success: () => {
		        plus.navigator.closeSplashscreen();
		    }
    	})
    }
    // #endif
}
  • 13
    点赞
  • 120
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值