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


相关资料 http://www.hcoder.net/tutorials/info_1370.html
相关网站 :https://www.cnblogs.com/niceyoo/p/10624642.html

你可能感兴趣的:(uniapp)