更新记录
1.1(2023-03-05) 下载此版本
全新升级
1.0(2022-07-31) 下载此版本
vue3.0重磅发布
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | √ | × | √ | √ | √ |
此项目vue2.0版本登录鉴权-快速开发模板
前言
作者利用业余时间开发,维护, 下载请给个好评或收藏
有问题给5星后加作者微信 可得到及时的解答
作者微信:nxmin68(加微信,进微信群交流)
技术栈
uni-app、ES6、Vue3、Vite、Pinia;
做一个新的项目就需要常用的代码,比如
- 登录,注册
- 全局路由守卫(路由配置)
- Request封装(请求封装)
- api集中管理
- flex常用布局css,
- utils常用工具函数
- 配置pinia(store)
- 进可攻,退可守的架构
- 后面持续更新
为了提高自己的效率(说白了有点懒)决定把这些作为基础模板,下次做新项目直接用就行了
效果图
1、全局路由守卫,路由拦截
通过 vite.config.js 配合uni-read-pages,可以随心所欲的读取 pages.json 下的所有配置,再结合自定义参数判断自定义拦截
2、Request封装
luch-request 基于 promise,轻量、灵活的uni-app 网络请求库
3、api集中管理
api集中管理; 为简化逻辑代码量整洁的原则,像调用函数一样调用api,做到代码分离,在apis目录统一创建api函数
4、小程序更新提示代码,配置分包,分享等必备代码
sub目录分包管理 由于微信小程序的限制,上传发布机制总包大小不能大于2m,所以项目若超出该限制,要在page.json中做分包处理,分包处理的配置与pages目录保持一致,封装更新提示代码
5、windcss(可选)
安装
-
1、env配置文件 重命名为.env(因为上传.env文件会自动忽略)
-
2、安装依赖 (需安装nodejs环境, 使用npm国内镜像)
$ npm install --registry=https://registry.npmmirror.com
-
3、使用HbuilderX 运行
后面持续更新。。。。
牛云团队项目推荐
承接各类软件开发业务价格美丽 ,QQ 2214904953