多语言展示
当前在线:1375今日阅读:61今日分享:18

解决uni-app路由拦截以及跳转问题

由于在开发时考虑到登录的问题所以我们要做一个适应性的拦截,但是uni-app没有自称的一套像pc一样没有路由拦截所以我们第一个解决办法是自己写原生的拦截写一个公共的方法进行拦截第二种就是使用下面所讲的uni-simple-router这个路由守卫就是为uni-app对应开发的一套路由拦截插件
工具/原料
1

华为nova3

2

windows10

步骤
1

安装uni-simple-router使用npm install uni-simple-router

2

如果想要自动获取page.json数据需要安装uni-read-pages使用npm install uni-read-pages

3

配置vue.config.js以及引荐route.js并在main.js中引入

4

router.push() 等同于 uni.navigateTo(),router.replace() 等同于 uni.redirectTo(),router.replaceAll() 等同于 uni.reLaunch(),router.pushTab() 等同于 uni.switchTab(),router.back(n,{...}) 等同于 uni.navigateBack(),

5

路由拦截就可以像平时所写的vue项目一样使用

注意事项

这里只是简单地可以使用如果想详细了解可以去看官方文档

推荐信息