老王开发
老王开发
  • 发布:2022-08-04 15:44
  • 更新:2023-07-12 11:36
  • 阅读:532

h5在地址栏改变路径如何拦截路由

分类:uni-app

2022-08-04 15:44 负责人:无 分享
已邀请:
CODE_XU

CODE_XU

使用 uni.addInterceptor 可以实现路由拦截,你可以参考 uni-starter 项目中 common/appInit.js 是如何封装路由拦截的

  • 老王开发 (作者)

    第一次有效果,第二次就没效果了

    2022-08-04 16:46

  • 老王开发 (作者)

    uni-admin 是有效果的, 不知道为什么

    2022-08-04 16:47

  • 老王开发 (作者)

    好像vue3不行

    2022-08-04 16:51

  • CODE_XU

    回复 s***@126.com: 方便的话请补充信息并提供可复现 demo

    2022-08-04 16:52

sugetsu

sugetsu

我在开发html5也是碰到了此类问题,使用了地址拦截和uniapp的路由拦截,但是在地址栏中直接输入id,例如http://192.168.1.2/kd/#/pages/index/index 在第一次可以拦截成功,在console中可以看到uniapp的生命周期函数执行,但是如果在地址栏中再次输入该地址http://192.168.1.2/kd/#/pages/index/index,uniapp就不会执行应用生命周期,不知道什么问题。如果把地址改为http://192.168.1.2/kd/ 就可以实现周期函数的调用,并且会拦截地址 执行成功。

hhyang

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

要回复问题请先登录注册