小程式 對請求封裝

需求:在乙個頁面有三個及多個請求,請求的資料很多都是重複的,讓整個頁面看起來很臃腫,那個這個時候我們可以對其相似的**進行抽離;

home.js為首頁,network.js為對請求重構的頁面,utils/urls.js為對http進行抽離,一共三個相關的頁面

先說說urls.js的http的抽離:

const globalurls=

export //匯出

import  from '../../utils/urls.js'

const network = `,
data:,
success(res) 
}});
},gettvlist: function(params) `,
data:,
success(res) 
});},
getshowlist(params)`,
data:,
success(res) 
});}}
export ;

import  from 'network.js'

page(,
/*** 生命週期函式--監聽頁面載入
*/onload: function(options) )}})
// 電視劇集
network.gettvlist()}})
// 綜藝
network.getshowlist()}})
}})

小程式封裝請求

封裝axios 封裝 request 請求基本路徑 const baseurl xx 準備計數器變數，用於記錄請求個數，注意這裡是變數 let requestcount 0 解構出 url，config 接收所有剩餘引數 const request config 失敗 fail err 完成 不管成...

小程式封裝api請求

測試環境 test 生產環境 prod const api require api.js const config require env index.js const fetch require fetch.js let env prod let baseurl config env baseur...

小程式封裝request請求

為了減少 量 以及方便後期的維護 把小程式中的request請求封裝起來是很有用的 module.exports 生產環境 prod 測試環境 test const require env.js prod 封裝ajax const vipurl 專屬網域名稱 module.exports issub...