Ajax？请求队列解决方案并结合elementUi做全局加载状态（ajax请求成功后再次请求）怎么可以错过

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

const ajax=({ url, data={}, query={}, method=’post’, notice=false, type=” })=> {
// 默认url 地址携带参数
const default_query={
pinUuid: store.getters.pinUuid,
ebiId: store.getters.ebiId
}
query=Object.assign(query, default_query)
url=urlQueryFormat(url, query)

data.pinUuid=store.getters.pinUuid
data=Object.assign(data, default_query)
// 过滤重复的请求事件
// eslint-disable-next-line no-unused-vars
const repeat=messagelist.findRepeat(url, data, method)
// if (repeat.length > 0) {
// eslint-disable-next-line no-constant-condition
if (false) {
Message.warning(‘数据正在获取中, 请稍后…’)
return Promise.reject({ message: ‘数据正在获取中, 请稍后…’ })
} else {
// 获取分配的 rid 即 index
const rid=messagelist.add(url, data, method)

return new Promise((resolve, reject)=> {
// eslint-disable-next-line prefer-const
let reqState={ url, method }
if (method.toLowerCase()===’get’) reqState[‘params’]=data
else if (method.toLowerCase()===’post’) {
reqState[‘data’]=data
if (type===’x_www_form_urlencoded’) {
request.defaults.headers.post[‘Content-Type’]=HttpConstant.FORM_DATA_REQ
let ret=”
for (const it in reqState) {
ret +=encodeURIComponent(it) + ‘=’ + encodeURIComponent(reqState[it]) + ‘&’
}
reqState[‘data’]=ret
} else if (type===’form_data’) {
request.defaults.headers.post[‘Content-Type’]=HttpConstant.MUL_FORM_REQ
} else if (type===’blob’) {
request.defaults.headers.post[‘Content-Type’]=HttpConstant.APPLICATION_BLOB_REQ
reqState.responseType=type
} else {
request.defaults.headers.post[‘Content-Type’]=HttpConstant.FORM_DATA_REQ
}
}

request(reqState).then(res=> {
// setTimeout(()=> { // 测试用 fortest
messagelist.del(rid)
resolve(res)
// }, 1000 * 2)
}).catch(err=> {
// 当请求错误是否需要重新发包网络错误等处理
messagelist.del(rid)
reject(err)
})
})
}
}