更新记录
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