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