uni-app设置登录限制,未登录跳到登录界面

前言:

uni-app资料之登录判断,登录可以继续看,未登录放到登录界面。

具体步骤:

1、封装缓存方法:util/auth.js

const TokenKey = 'uni_token';

// 认证令牌
export function getToken() {
	return uni.getStorageSync(TokenKey)
}

export function setToken(token) {
	return uni.setStorageSync(TokenKey, token)
}

export function removeToken() {
	return uni.removeStorageSync(TokenKey)
}

2、登录页面,引入缓存方法,登录成功加token

import {setToken} from '../../util/auth';


登录成功以后
setToken('111111')

3、app.vue页面加控制方法

import {getToken} from './util/auth';
onLaunch: function() {
    //判断是否登录
		let token = getToken()
		if(!token){
			//不存在则跳转至登录页
			uni.reLaunch({
				url: "/pages/login/login"
			})
		}
}

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/122733501