需求
- 用户未登录可以进白名单的页面(即分享页面,无需登录)
- 用户已登录进入相应的界面
- 用户一进白名单的页面直接进去
- 用户跳转到未登录的页面并且不是白名单的一律直接到登录页面
实现
- 路由守卫
- 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版权协议,转载请附上原文出处链接和本声明。