更新记录

1.1.6（2021-12-09）

增加自定义拦截器

1.1.5（2021-03-22）

根目录设置html fontSize 配合rem 自适应（H5）

1.1.4（2021-03-19）

小程序版-增加地图，拉起外部地图app，进行导航

平台兼容性

uni-template

基于uni-app编写的登录模板,全局路由拦截,也可作为项目基础模板使用

前言

做一个新的项目就需要常用的代码，比如

• 登录，注册 (模板)
• 全局路由守卫（路由配置）
• api集中管理 封装（请求封装）
• utils常用工具函数
• 配置Vuex(store)
• 等等

目录结构

• apis 接口管理及请求封装

• common

  • store vuex状态管理
  • router.js 路由表（路由守卫）
  • utils.js 方法封装

• components 组件

• pages 页面

• static 静态资源

• pages.json配置文件(路由，分包...)

项目下载

安装依赖 npm install

路由拦截

uni-simple-router 路由、拦截、最优雅的解决方案（具体使用请看文档）

路由配置

通过 vue.config.js 配合uni-read-pages，可以随心所欲的读取 pages.json 下的所有配置

路由跳转

• router.push() = uni.navigateTo()
• router.replace() = uni.redirectTo()
• router.replaceAll() = uni.reLaunch()
• router.pushTab() = uni.switchTab()
• router.back(n) = uni.navigateBack(）
• 路由跳转详细使用方法