更新记录

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 运行

后面持续更新。。。。

牛云团队项目推荐

斗图,表情包小程序

万能节日头像小程序

智能垃圾分类小程序

二手交易市场小程序

微信小程序支付unicloud版

资源变现资讯、自媒体、新闻、博客小程序

反编译获取任何微信小程序源码——看这篇就够了

承接各类软件开发业务价格美丽 ,QQ 2214904953

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问