uni app 小程序 request 的封装
uni app 小程序 request 的封装
·
小程序里面没有axios
1.代码: utils/requset.js
主要: 将request 挂载到实例原型上, 可以使用this.request 使用
// 引入vue
import Vue from 'vue'
const BASE_URL = "https://api-hmugo-web.itheima.net/api/public/v1/"
async function request({
url,
method = "get",
data = {},
header = {}
}) {
// 请求头
// 加载
uni.showLoading({
title: '加载中'
})
const res = await uni.request({
url: BASE_URL + url,
header,
method,
data
})
// 停止加载
uni.hideLoading()
if (res.data.meta.status === 200) {
return {
data: res.data.message,
msg: res.data.meta.msg
}
} else {
return Promise.reject(res.data.meta.msg)
}
}
// 挂载到实例原型上, 可以使用this.request 使用
Vue.prototype.request = request
export default request
2.在全局 mian.js里面注册
// 引入 request
import 'utils/requset.js'
3.在页面中使用 , 使用this.request发请求拿数据
export default {
async onLoad(){
const res = await this.request({url:'home/swiperdata'})
console.log(res)
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)