uni-app开发app未登录时的路由跳转

本是古典何须时尚 2022-02-15 08:51 678阅读 0赞

**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 页面**

在你点击登录的时候，保存本地数据
    
                         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][http_www.hcoder.net_tutorials_info_1370.html]  
相关网站 ：[https://www.cnblogs.com/niceyoo/p/10624642.html][https_www.cnblogs.com_niceyoo_p_10624642.html]

[http_www.hcoder.net_tutorials_info_1370.html]: http://www.hcoder.net/tutorials/info_1370.html
[https_www.cnblogs.com_niceyoo_p_10624642.html]: https://www.cnblogs.com/niceyoo/p/10624642.html