uni-app开发微信小程序 二、添加路由守卫uni-simple-router

添加路由守卫uni-simple-router

参考文档:http://www.hhyang.cn/
https://ext.dcloud.net.cn/plugin?id=578
具体配置步骤不细说了,文档内写的很清楚。

一开始选择下载zip包导入到项目内,main文件配好后启动项目,发现少了一个依赖包:uni-hold-tabbar ,后续看文档说明(从 v1.4.8 起,不管是npm安装的还是插件市场安装的都需要执行 npm install,下载路由插件所需要的依赖。记住是在你自己项目的根目录执行!)发现少的依赖包需要 npm install,最后还是重新选择了npm的安装方式。

npm install uni-simple-router uni-hold-tabbar --save

更改好main文件中import引入链接后,选择了自动构建路由表。
参考文档:
http://hhyang.cn/src/router/tutorial/rgRoutes.html#%E5%AE%89%E8%A3%85
配置好后,重新运行项目。

由于是npm安装,所以需要在.gitignore中配置忽略node_modules文件夹

有些弊端:
npm install后uniapp项目内并不会生成package.json文件,所以多人开发时,git clone后,需要本地执行命令,手动添加各个包。

npm install uni-simple-router uni-hold-tabbar uni-read-pages --save

小程序系列无法拦截原生tabbar及原生导航返回,如需拦截请自定义tabbar、header
http://hhyang.cn/src/router/start/applets/explian.html

你可能感兴趣的:(uni-app开发微信小程序 二、添加路由守卫uni-simple-router)