需求
- 用户未登录可以进白名单的页面（即分享页面，无需登录）
- 用户已登录进入相应的界面
- 用户一进白名单的页面直接进去
- 用户跳转到未登录的页面并且不是白名单的一律直接到登录页面
实现
- 路由守卫
- 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 # 路由拦截
|-文章来源地址https://www.toymoban.com/news/detail-509867.html
文章来源：https://www.toymoban.com/news/detail-509867.html
到了这里，关于uniapp 一进页面是白名单，无需登录，直接进入的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
