多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
1.封装一个接口类,适用get或post请求 ``` const BASE_URL = 'http://123.207.32.32:9001/' //封装接口类 class RRequest{ /** * @description api接口请求公共方法 * @param {*} url :路径 * @param {*} method :请求方法:GET POST 等 * @param {*} params :请求参数 */ request(url,method,params){ return new Promise((resolve,reject)=>{ wx.request({ url: BASE_URL + url, method : method, data : params, success : function(res){ resolve(res) }, fail :function(err){ reject(err) } //fail :reject //简写:直接通过reject返回错误信息 }) }) }; // get方法 get(url,params){ return this.request(url,"GET",params) } // post方法 post(url,data){ return this.request(url,"POST",data) } } const http = new RRequest() //实例化接口类 export default http //导出 ``` 2.引入,调用类方法 ``` //api接口 import http from '../service/index' //获取mv数据 export function getVideo(offset,limit = 10){ return http.get("top/mv",{offset,limit}) } ``` 3.在页面js中导入方法,获取数据 ``` // 导入api接口 import {getVideo} from '../service/api' /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // 获取mv数据 getVideo(0,10).then(res=>{ console.log(res.data) this.setData({mvList : res.data.data}) }) }, ```