uniapp 一进页面是白名单,无需登录,直接进入

需求

  1. 用户未登录可以进白名单的页面(即分享页面,无需登录)
  2. 用户已登录进入相应的界面
  3. 用户一进白名单的页面直接进去
  4. 用户跳转到未登录的页面并且不是白名单的一律直接到登录页面

实现

  1. 路由守卫
  2. app.vue的全局控制

一、路由守卫

项目结构

|--
    |-- App.vue
    |-- index.html
    |-- main.js
    |-- manifest.json
    |-- pages.json
    |-- uni.scss
    |-- .hbuilderx
    |   |-- launch.json
    |-- api # api文件
    |-- components # 自定义组件,按照格式:组件名/组件名.vue,使用组件时无需引入,直接使用即可
    |-- pages	# 页面
    |-- static # 静态资源
    |-- store # vuex存储
    |   |-- getters.js
    |   |-- index.js
    |   |-- modules
    |       |-- app.js
    |       |-- user.js
    |-- styles # 样式文件
    |   |-- theme.scss
    |-- uni_modules # ui组件
    |-- utils
        |-- auth.js # 权限存储函数
        |-- constant.js # 常量,如api前缀
        |-- index.js # 公共方法
        |-- mixin.js # mixin,主题切换、登录校验
        |-- permission.js # 路由拦截
        |-- 

版权声明:本文为weixin_42066070原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。