uni app 开发小程序请求封装
function request(url, data = {}, method = "POST", header = "application/x-www-form-urlencoded",showLoding=true) {
let token=uni.getStorageSync('USR-TOKEN');
console.log("--",token);
if(showLoding){
uni.showLoading({
title: '加载中'
});
};
return new Promise(function (resolve, reject) {
uni.request({
url: url,
data: data,
method: method,
header: {
'Content-Type': header,
'USR-TOKEN': token
},
success: function (res) {
uni.hideLoading();
if(res.statusCode==200||res.statusCode==204){
resolve(res);
}else{
uni.showModal({
title: '提示',
content: res.data,
showCancel:false,
})
}
},
fail: function (err) {
uni.hideLoading();
uni.showModal({
title: '提示',
content:err,
showCancel:false,
})
reject(err)
}
})
});
}
export{
request
}
原生小程序请求封装基本上没啥区别
/**
* 封微信的的request
*/
function request(url, data = {}, method = "POST", header = "application/x-www-form-urlencoded") {
wx.showLoading({
title: '加载中...',
});
return new Promise(function (resolve, reject) {
wx.request({
url: url,
data: data,
method: method,
header: {
'Content-Type': header,
'Access-Token': wx.getStorageSync('token')
},
success: function (res) {
wx.hideLoading();
if(res.statusCode==200||res.statusCode==204){
resolve(res);
}else{
wx.showModal({
title: '提示',
content: res.data,
showCancel:false,
})
}
},
fail: function (err) {
wx.hideLoading();
reject(err)
}
})
});
}
module.exports = {
request
}
在用到的地方
let util = require('../../utils/util.js');
let api = require('../../config/api.js');
//调用
util.request(api.CartUpdate, {},method,header).then(function (res) {
that.setData({
});
api.js这个文件用来放接口
const API_BASE_URL = 'http://localhost:8080';
module.exports = {
SHOPCART: API_BASE_URL + '/item/cart', //新品首发
}