微信小程序-封装请求基准路径、接口API 和使用

此文转载自：https://blog.csdn.net/yupyuping/article/details/110237210

1.在文件夹utils下新建 request.js文件

2.封装请求代码

// 基准路径  //路径仅为举例
const baseurl ='https://127.0.0.1' 

//get请求
function get(url, data) {
  return new Promise((reslove, reject) => {
    wx.request({
      method: 'GET',
      url:baseurl + url,
      data,
      success: reslove,
      fail: reject
    })
  })
}

//post请求
function post(url, data) {
  return new Promise((reslove, reject) => {
    wx.request({
      method: 'POST',
      url, url:baseurl + url,
      data,
      success: reslove,
      fail: reject
    })
  })
}

 //需要导出
module.exports = {
  get,
  post
}

3.需要使用的文件 引入这个封装的文件

//引入文件  这里使用的是相对路径
var {get,post} = require('../../utils/request.js')

4.调用发送请求获取数据

page({ 
data:{
banner:[]
},
onLoad:async function() {
    // 获取主页轮播图
    const res = await get('/banner/swiperdata')
    //修改data里面的数据
    
    this.setData({banner:res.data}) 

    //这里使用this是可以的，已修改成功
    console.log(this.data.banner);
}
})