http://www.reibang.com/p/ae6d92eef5a7
image
2020到來了毅人，首先祝大家新年快樂
直接看代碼
在開發(fā)工具的utils->util.js中封裝wx.request請求
utils/util.js
GET
/**
* 封裝request請求
*/
/**
* GET
*/
function appGet(url, data = {}, method = 'GET') {
return new Promise((resolve, reject) => {
wx.request({
url: url,
data: data,
method: method,
header: {
'Content-Type': 'application/json',
},
success: res => {
if (res.statusCode == 200) {
resolve(res.data)
} else {
reject(res.errMsg)
}
}
})
})
}
POST
/**
* POST
*/
function appPost(url, data = {}, method = 'POST') {
return new Promise((resolve, reject) => {
wx.request({
url: url,
data: data,
method: method,
header: {
'Content-Type': 'application/json',
},
success: res => {
if (res.statusCode == 200) {
resolve(res.data)
} else {
reject(res.errMsg)
}
}
})
})
}
注意：一定要記得導(dǎo)出模塊
module.exports = {
appGet,
appPost
}
請求地址全部放在config->api.js腳本中伞梯，注：config文件和pages是同級
config/api.js
// api地址
var WxApiUrl = 'xxx';
module.exports = {
IndexUrl: `${WxApiUrl}home/index`, //首頁數(shù)據(jù)加載
}
最后進入pages/index/index.js下使用封裝好的方法
pages/index/index.js
//index.js
const util = require('../../utils/util.js');
const api = require('../../config/api.js');
Page({
data: {
},
onLoad: function() {
util.appGet(api.IndexUrl).then(res => {
console.log(res.data) //可以獲取到數(shù)據(jù)
console.table(res) //表格方式展示數(shù)據(jù)更清晰
})
},
})
