我們可以新建一個 server 文件夾 ,裏面創建一個server.js 文件,來集中處理我們項目中用到的請求:
var server = function(url, type, params) {
return new Promise((resolve, reject) => {
wx.request({
url: 'http://localhost:7001/' + url,
data: params || {},
method: type || 'GET',
success: function(res) {
resolve(res.data)
},
fail: function(res) {
reject(res)
}
})
})
}
// get請求
server.get = function(url, params) {
return new Promise((resolve, reject) => {
wx.request({
url: 'http://localhost:7001/' + url,
data: params || {},
method: 'GET',
success: function (res) {
resolve(res.data)
},
fail: function (res) {
reject(res)
}
})
})
}
export default server
在需要發起請求的頁面中 引入這個文件:
import server from '../server/index.js'
getArticles() {
server.get('articles',{pageIndex: 1, pageSize: 10}).then(res => {
// console.log(res)
// 因爲小程序的數據不是雙向綁定的所以不能直接賦值
// this.data.articles = res.data
// console.log(this.data.articles)
this.setData({
articles: res.data
})
})
},