文章目录 一、使用步骤1.创建鉴权组件auth2.app.json中注册全局组件3.页面使用组件4. 读取本地存储的 `token` 数据,用于判断是否曾登录过5. 检测登录状态,要求未登录时不显示页面中的内容且跳转到登录页面 一、使用步骤 1.创建鉴权组件auth 2.app.json中注册全局组件 3.页面使用组件 4. 读取本地存储的 token 数据,用于判断是否曾登录过 // app.js App({onLaunch() {// 读取本地存储的 token 数据this.getToken()},getToken() {// 将 token 数据记到应用实例中this.token = wx.getStorageSync('token')} }) 5. 检测登录状态,要求未登录时不显示页面中的内容且跳转到登录页面 <!-- /components/auth/index.wxml --> <slot wx:if="{{isLogin}}"></slot> // /components/authorization/index.js Component({data: {isLogin: false,},lifetimes: {attached() {// 获取登录状态const isLogin = !!getApp().token// 变更登录状态this.setData({ isLogin })// 未登录的情况下跳转到登录页面if (!isLogin) {wx.redirectTo({url: '/pages/login/index',})}},}, })