第一步:在util文件夹中,新建一个文件api.js-----将可以提纯的代码分别写入文件中
const GET = 'GET';
const POST = 'POST';
const baseURL = 'https://www.xxxxx.cn/';//配置的域名
function request(method, url, data) {
return new Promise(function(resolve, reject) {
let header = {
'content-type': 'application/json',
};
wx.request({
url: baseURL + url,
method: method,
data: method === POST ? JSON.stringify(data) : data,
header: header,
success(res) {
//请求成功
//判断code是否为0表示成功
if (res.data.code == 0) {
resolve(res);
} else {
//其他错误
reject('运行出错,请稍后再试');
}
},
fail(err) {
//请求失败
reject(err)
}
})
})
}
//接口可以集合到一块,集中管理
const API = {
getList: (data) => request(GET, `/index.php/index/index/getImgList`),
getLogin:(data)=>request(POST,'/index.php/index/index/login',data)
};
//导出
module.exports = {
API: API
}
第二步:使用封装的代码,在需要请求的地方,引入当前文件即可!
const $api = require('../../utils/api').API
第三步:使用它们
$api.getList().then(res=>{
//成功执行
console.log(res.data);
}).catch(err=>{
//失败执行
console.log(err);
})
//传参
let data={
username:'zhangsan',
pwd:'123456',
vercode:'Q7T6'
}
$api.getLogin(data).then(res=>{
//成功执行
console.log(res.data);
}).catch(err=>{
//失败执行
console.log(err);
})