封装:request.js文件夹
// 网络请求封装成promise
// const serverUrl ='http://localhost:1337'
// serverUrl是基础地址
import { serverUrl } from "../utils/tools.js"
function request(url, data, methods) {
return new Promise((resolve, reject) => {
wx.request({
url: url.startsWith('http') ? url : serverUrl + url,
data,
methods,
success(res) {
resolve(res.data)
},
fail: reject
})
})
}
module.exports = {
request
}
2.api封装调用:bannersAPI.js
import { request } from "../utils/request"
/**
* 获取轮播图数据
*/
function bannersAPI(){
return request('/api/v1/banners')
}
module.exports={
bannersAPI
}
3.在home.js文件调用
/**
* 页面的初始数据
*/
data: {
banners: []
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getAPI()
},
async getAPI() {
const result = await bannersAPI()
const bannerList = result.data
bannerList.map((banner) => {
banner.coverImage = serverUrl + banner.coverImage
return
})
this.setData({
banners: bannerList
})
}