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
}

uniapp 判断是否登录，是跳转至首页，否跳转至登录页相关推荐

html密码验证并跳转页面,vuejs 实现前后端分离登录验证和页面自动跳转
使用的技术点: vue-router axios vuex element-ui qs 项目介绍: 这个项目是一个类似google相册功能的项目,目前实现的是图片特征提取,可以以图搜图,最终打造成一个 ...
uniapp 判断用户是否安装app, 没有则安装
场景: A分享一个活动页面给B, B点击后,需要判断是否有app,如果有,直接跳转到活动页: 如果没有,需要下载app 判断是否安装某app: plus.runtime.isApplicationEx ...
uniapp生成小程序码仿商品小程序码跳转到商品详情
uniapp生成小程序码仿商品小程序码跳转到商品详情之前在网上找了下没有相关教程去生成小程序商品小程序码微信扫码直接跳转到小程序详情页面,今天我们就用uniapp来实现这个,其实微信小程序端方法大致 ...
微信小程序授权登录，跳转页面后在跳回首页不用再次登录
小程序授权登录要使用wx.getUserProfile,获得用户投头像后,做一些页面跳转功能,但是如果需要再次跳转首页的话,小程序就会有回到登录前的状态,这样体验感会很差.要想不用再次登录,也不难,只 ...
html判断 token,(html)前端如何验证token的合法性来判断用户是否登录？
问题: (html)前端如何验证token的合法性来判断用户是否登录? 描述: 1.我使用了JWT的方式,后端生成了一个token,将其返回给前端,前端获取到后每次请求接口都附带上这个token,后端 ...
uni-app实战之社区交友APP（11）API环境搭建和登录API开发
文章目录前言一.后端API环境搭建 1.后端线上环境部署 2.Postman安装使用 3.PyCharm和数据库管理 4.创建项目 5.数据库创建和配置二.API开发准备 1.数据表设计 2.封 ...
JS判断是否是微信页面，判断手机操作系统（ios或android）并跳转到不同下载页面...
JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html 1 function is_weixin() { ...
微信扫描PC端二维码跳转到小程序确认登录通过WebSocket来获取用户信息达到PC端登录
需求: 在pc端获取后端给的token值来生产二维码(这里后端给了我两个url:一个是二维码url,一个是ws的 url),用微信扫描二维码跳转到小程序写的确定登录页面(进行确定):然后在PC端使用W ...
uniapp之登录（短信验证码，账号密码，第三方登录）
uni.getProvider(OBJECT) uni.login(OBJECT) uni.getUserInfo(OBJECT) ------------2021/12/17更新---------- ...

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

1.问题

2.解决

uniapp 判断是否登录，是跳转至首页，否跳转至登录页相关推荐

最新文章

热门文章