更新记录

1.0（2022-04-27）

初版发布

平台兼容性

uniapp-template

介绍

uniapp开发基础模板，对uniapp请求进行了简单封装，实现请求拦截及响应处理，同时引用了 uView2.0 封装的http请求，可以通过配置切换；

软件架构

uniapp+uView2.0

项目结构

├─api               // 接口管理
│  ├─user.js                // 示例
├─common            // 公共文件
│  ├─config             // 环境配置 开发、生产环境地址配置，是否开发模式配置，超时时间，请求日志开启状态等
│  ├─filters            // 全局过滤器
│  ├─uni.interface      // uniapp请求模式下的请求及响应处理；
│  ├─uview.interface        // vuiew请求模式下的请求及响应处理(uView2.0)
│  └─utils          // 常用公共方法
├─uni_modules           // 插件市场插件目录
│  └─uview-ui           // uview-ui 

使用方法

    api/user.js
        //如果用uni请求
        import http from '@/common/uni.interface.js';

        //如果是用uview请求,就用下面这句
        //const http = uni.$u.http

        //获取用户信息
        export function getUserInfo(params){
        return http.get('api/userinfo', params)
        }

        //用户登录
        export function userLogin(params){
        return http.post('api/login', params)
        }

        //更改配置项，阻止loading提示
        export function userLogin(params){
            return http.post('api/login', {custom:{ShowLoading:false}})
        }

    页面导入接口文件
    import {getUserInfo,userLogin} from "@/api/user.js"

    getUserInfo().then(res => {
    console.log(res)
    })

    userLogin({username:'zhangsan',password:'1234'}).then(res => {
    console.log(res)
    })

仓库地址

gitee