更新记录

1.0.0(2022-10-26) 下载此版本

完结


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.4 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

说明:请求的封装依赖于uView2.x版本

一、安装uView2.x

说明文档:https://www.uviewui.com/components/install.html

采用俩种方式:1.直接导入 2. npm方式

***我们这里采用直接导入

1.1 使用HBuilder导入插件

https://ext.dcloud.net.cn/plugin?id=1593

1.2 打开项目main.js加入代码

// main.js   注意这两行要放在import Vue之后。
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

1.3 在项目根目录的uni.scss文件中导入uView样式

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

1.4 在项目根目录的pages.json中,添加easycom

// pages.json
{
    // 如果您是通过uni_modules形式引入uView,可以忽略此配置
    "easycom": {
        "^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
    },

    // 此为本身已有的内容
    "pages": [
        // ......
    ]
}

二、在项目根目录创建utils数据类

新建:request.js

新建:api/xx.js

request为二次封装

api/xx.js为api的解耦

三、main.js进入

// 引入请求封装,将app参数传递到配置中
require('./utils/request.js')(app)

四、request.js

request.js 的请求二次封装可根据项目情况进行配置
参考链接:https://www.uviewui.com/js/http.html

隐私、权限声明

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

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

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

许可协议

MIT协议

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