uniapp 启动页判断是否登录,uniapp判断登录是否过期
Uni检查用户是否登录的方法:首先打开APP代码中的[user.vue]文件;然后使用uni的setstorage API获取值。如果得到值,就意味着登录。如果没有得到,就无法跳转到登录界面。
UNI-APP开发(仿饿)开发课程:进入学习
本教程运行环境:windows7系统,Uni-App版本2.5.1。这个方法适用于所有品牌的电脑。
推荐(免费):uni-app开发教程
uniapp检验用户是否登录的方法:
在我们的应用代码中打开user.vue文件:
实现逻辑
当我们判断一个用户是否登录时,我们需要在客户端存储一个值。如果该值存在,则意味着用户已登录。如果没有,用户需要登录。那么我们需要做的第一个逻辑就是:使用uni的setstorage API获取值。如果得到值,就意味着登录。如果没有得到,就无法跳转到登录界面。
逻辑编码
模板
查看/查看
/模板
脚本
导出默认值{
data() {
return { };
},
//uni生命周期函数,在页面显示时执行。这意味着,如果你打开这个页面,如果你不登录,你将总是跳转到登录页面。
昂秀(){
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
//uni获取本地数据API
uni.getStorage({
Key: token ,//数据键值,存储数据时的名称
成功:函数(res) {
//数据获取成功,用户已经登录。
console . log(RES . data);
},
失败:函数(res) {
//没有成功获取数据,用户没有登录。在这里,我们直接跳转到登录页面。
uni.navigateTo({
网址: ./登录/登录,
});
}
});
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
}
};
/脚本
款式/风格
语言-javascript
在保存代码并在浏览器中运行后,你会发现只要点击用户界面就会跳转到登录页面,因为此时没有任何价值。
相关免费学习推荐:php编程(视频)
以上是uniapp如何检查用户是否登录的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。