//request请求
const baseUrl='https://meituan.thexxdd.cn/api/';
const request = class {
constructor(url, arg) {
//this.url的url自己起名
this.url = baseUrl+url;
this.arg = arg;
}
//封装post请求
post() {
return new Promise((resolove, reject) => {
uni.request({
url: this.url,
method: 'POST',
data: this.arg
})
.then(res => {
resolove(res[1].data);
})
.catch(err => {
reject('出错啦');
});
});
}
//封装get请求
get() {
return new Promise((resolove, reject) => {
uni.request({
url: this.url,
})
.then(res => {
resolove(res[1].data);
})
.catch(err => {
reject('出错啦');
});
});
}
};
export default request;
/****全局封装后使用**
**Vue.prototype.$request=request;
**
**async dataInit(){
** let banner = await new this.$request('getbanner').get();
** Promise.all([banner]).then(res=>{
** console.log(res);
** this.bannerList=res[0].data;
** });
** }
****/
uni.request封装
最新推荐文章于 2024-09-15 23:59:26 发布
该文章展示了如何在JavaScript中封装uni.request,创建一个请求类,包含POST和GET方法,用于处理网络请求。通过Vue.prototype,将请求方法挂载到Vue实例上,方便全局使用。在dataInit函数中,演示了如何异步获取数据并处理响应。
摘要由CSDN通过智能技术生成