uni-app开发app未登录时的路由跳转
·
1、在 main.js 中封装全局登录函数
Vue.prototype.checkLogin = function(backpage, backtype){
var SUID = uni.getStorageSync('SUID');
var SRAND = uni.getStorageSync('SRAND');
var SNAME = uni.getStorageSync('SNAME');
var SFACE = uni.getStorageSync('SFACE');
if(SUID == '' || SRAND == '' || SFACE == ''){
uni.redirectTo({url:'../login/login?backpage='+backpage+'&backtype='+backtype});
return false;
}
return [SUID, SRAND, SNAME, SFACE];
}
参数说明
backpage, backtype 2个参数分别代表:
backpage : 登录后返回的页面
backtype : 打开页面的类型[1 : redirectTo 2 : switchTab]
返回值说明
已经登录返回数组 [用户 id, 用户随机码, 用户昵称, 用户表情]
2、创建 login 页面
login 页面作为登录过度页面,多端登录都通过此页面完成!
在你点击登录的时候,保存本地数据
uni.setStorage({
key: 'SUID',
data: 1
});
uni.setStorage({
key: 'SRAND',
data: 1545614
});
uni.setStorage({
key: 'SNAME',
data: '哈哈'
});
uni.setStorage({
key: 'SFACE',
data: 1515
});
3、在页面中应用登录检查函数,如 page/index/index.vue
<script>
export default {
data() {
return {
};
},
onLoad : function() {
var loginRes = this.checkLogin('../my/my', '2');
if(!loginRes){return false;}
}
}
</script>
相关资料 http://www.hcoder.net/tutorials/info_1370.html
相关网站 :https://www.cnblogs.com/niceyoo/p/10624642.html
更多推荐


所有评论(0)