微信小程式-封裝請求基準路徑、介面API 和使用
阿新 • • 發佈:2020-11-29
此文轉載自: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); } })