uniapp 请求封装 uni.request 封装详细封装流程-CSDN博客

本文链接：https://blog.csdn.net/weixin_45563734/article/details/140380059

uniapp 请求封装 uni.request 封装

request .js 注意代码中的引用路径


import store from '../../store/index.js'
/**
 * method:请求方式
 * url:请求的url
 * data:请求参数
 * message: 加载文案
 */
const noLodingurl = ['padge/index/index']
let httpList = {
   
   }

function reSend(method, url, data, message,apiUrl,resolove,reject,times){
   
   
	message&&uni.showLoading({
   
   title:message||'', mask:true})
	getApp().globalData.httpList = httpList
	httpList[url] = uni.request({
   
   
		url: apiUrl + url,
		header: {
   
   
			Authorization: uni.getStorageSync('token')? 'bearer ' + uni.getStorageSync('token'):'',
			version: '1.0.5',
			// #ifdef MP-WEIXIN
				product:'Wxmp'//请求方标记，Android/IOS/Wxmp微信小程序
			// #endif
			// #ifdef MP-ALIPAY
				product:'ZFB_MINI'//请求方标记，Android/IOS/Wxmp微信小程序
			// #endif

		},
		method,
		data,
		success(res) {
   
   
			if(message) uni.hideLoading()
			if (res.statusCode == 200||res.statusCode == 429) {
   
   
				if(res.data.code === 101 || res.data.code === 10006){
   
   
	                // 调用登出方法
					store.dispatch('LoginOut').then(() => {
   
   
						setTimeout(res =>