1. 程式人生 > 實用技巧 >微信小程式-封裝請求基準路徑、介面API 和使用

微信小程式-封裝請求基準路徑、介面API 和使用

此文轉載自:https://blog.csdn.net/yupyuping/article/details/110237210#commentBox

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);
}
})