uniapp登录拦截白名单使用

1、创建uni.promisify.adaptor.js文件

复制代码
// 根目录新建 uni.promisify.adaptor.js
// 路由白名单
const list = ['/', '/pages/stroke/stroke'];
//创建路由拦截,这里只判断一般跳转
uni.addInterceptor('switchTab', {
	invoke(res) {
		console.log(res);
		//存在token就跳转
		if (uni.getStorageSync('ljqdemotoken')) {
			console.log("已登录");
			return true;
		} else {
			console.log(list.indexOf(res.url));
			if (list.indexOf(res.url) == -1) {
				console.log('未登录');
				//重定向
				uni.showToast({
					title:"请先登录!",
					icon:'none'
				})
				setTimeout(()=>{
					uni.reLaunch({
						url: '/pages/login/login'
					})
				},1000)
				 return false
			}else{
				return true
			}
		}
	},
});

2、在main.js中使用

复制代码
import './utils/uni.promisify.adaptor.js'

然后就可以了,记得要创建这些页面

相关推荐
AI浩7 小时前
【Labelme数据操作】LabelMe标注批量复制工具 - 完整教程
运维·服务器·前端
涔溪7 小时前
CSS 网格布局(Grid Layout)核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
前端·css
2401_878454538 小时前
浏览器工作原理
前端·javascript
西陵8 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn9 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码9 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
一条可有可无的咸鱼10 小时前
企业招聘信息,企业资讯进行公示
java·vue.js·spring boot·uni-app
Luna-player10 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu051910 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys10 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript