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})
})
},
```