f***@163.com
f***@163.com
  • 发布:2024-03-26 17:44
  • 更新:2024-03-27 11:17
  • 阅读:125

H5模式下如何拦截浏览器地址栏输入路径直接跳转的事件?

分类:uni-app

我需要使用token做登录控制
在用户未登录的情况下不得进入/pages/home/index页面
但是使用addInterceptor拦截路由的方法只能拦截几个固定方法
当用户在浏览器里打开登录页面,并将路径手动修改为/pages/home/index时,如何拦截?

2024-03-26 17:44 负责人:无 分享
已邀请:
yuhespace

yuhespace

可以在App.vue中拦截

  • f***@163.com (作者)

    App.vue也拦截不到手动修改url跳转的事件

    2024-03-27 09:16

  • yuhespace

    回复 f***@163.com: 大概就是通过window.location.href获取页面,然后判断是否是你要进行权限控制的页面,再app.vue中引用

    2024-03-27 09:58

绝学无忧

绝学无忧

onshow

  • f***@163.com (作者)

    App.vue的onShow方法在手动修改url的时候没有再次执行,除非在每个页面的onShow都执行校验,但是这样页面多了就很麻烦,貌似没有可以全局控制的办法

    2024-03-27 10:49

  • 绝学无忧

    回复 f***@163.com: 混入

    2024-03-27 14:09

锦鲤丶可接单

锦鲤丶可接单 - 接单中丶Tel_18560000860

楼上的意思应该是在onShow中验证用户登录状态,未登录就跳回登录页

  • f***@163.com (作者)

    App.vue的onShow方法在手动修改url的时候没有再次执行,除非在每个页面的onShow都执行校验,但是这样页面多了就很麻烦,貌似没有可以全局控制的办法

    2024-03-27 10:49

hhyang

hhyang - 如有问题,请添加QQ1606726660 备注付费咨询

全局守卫 uni-simple-router 了解下

要回复问题请先登录注册