标签:封装 请求 title ajaxTime 程序接口 myRequest res uni option
const BASE_URL = ''
let ajaxTime = 0
export const myRequest = (option) => {
ajaxTime++
uni.showLoading({
title: "加载中",
mask: true
})
return new Promise((resolve, reject) => {
uni.request({
url: BASE_URL + option.url,
method: option.mehtod || 'GET',
data: option.data || {},
success: (res) => {
if (res.statusCode !== 200) {
return uni.showToast({
title: "获取失败"
})
}
resolve(res)
},
fail: (err) => {
uni.showToast({
title: '请求接口失败'
})
reject(err)
},
complete: () => {
ajaxTime--
if (ajaxTime == 0) {
uni.hideLoading()
//防止同一页面请求多个数据时加载框异常
}
}
})
})
}
然后在main.js中将封装好的工具组件全局引用
import {myRequest}from 'utils/request/api.js'
Vue.prototype.$myRequest=myRequest
标签:封装,请求,title,ajaxTime,程序接口,myRequest,res,uni,option 来源: https://www.cnblogs.com/YokeF/p/14965402.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。