微信小程序接口封装api

1,001 阅读1分钟

创建http文件(名字可自取)

一:创建个env.js文件用来设置公共访问的url,即环境地址

module.exports = {//开发环境dev:{baseUrl:"http://localhost:3000"},//测试环境urltest:{baseUrl:"http://www.test.com"},//线上环境(公共部分)}

二:二次封装 ajax请求

//专用域名let {baseUrl} = "引入env文件"const subDomain = "lsn" //专属域名module.exports = {//二次封装wx.request//url:请求接口的地址//methode:请求方式 GET POST//data:要传递的参数//isSubdomain:表示是否添加二级子域名request:(url,methode="GET",data={},isSubdomain)=>{let _url = `${baseUrl}/${isSubdomain ? subDomain : " " }${url}` return Promise((resolve,reject)=>{wx.request({url:_url,data:data,method:method,header:{"content-type":"......."},success(res){let {code} = res.dataif(code === 0){resolve(res.data)}else{wx.showToast({title:"数据请求错误"})}}})})}}

三:基于业务封装的数据请求

//引入封装的request的请求
const {request} = require ("./request.js")
//基于业务封装的数据请求
module.exports={
//例如封装商品列表的方法
getGoodsList:()=>{
return request("//url的地址","方法","data数据",true/false)
}
}

四:当前的页面引入,调用即可