小程式的網路模組封裝

2021-10-24 18:05:35 字數 1619 閱讀 4076

在根目錄下建立env目錄,建立index.js配置並匯出多個開發環境

module.exports=

,//測試環境

test:

,//生產環境

prod:

}

然後我一般會在根目錄下建立乙個http資料夾,在裡面建立3個js檔案來進行封裝,分別是api,fetch,http。

在api.js中統一管理,請求的url位址

module.exports=

在fetch.js中用promise對wx.request()進行封裝

//封裝 http

module.exports=

(url, path,method, params)

=>

/$`,

method:method,

data: object.

assign

(, params)

, header:

, success: resolve,

fail: reject

})})}

在http.js,根據當前環境,設定相應的baseurl, 引入fetch中封裝好的promise請求,封裝基礎的get\post\put\upload等請求方法,設定請求體,帶上token和異常處理等;

設定對應的方法並匯出;

)在元件匯入,並使用;

//獲取應用例項()

;page

(onload: function ())

})}

小程式網路請求request封裝

4 總結 api.js 中統一存放後台api介面,方便管理。測試位址 const apirooturl module.exports get請求封裝 function get url,data post請求封裝 獲取首頁資料 getindexpagerdata function 此處為使用封裝的po...

微信小程式網路請求封裝

date 2020 3 3 desc 網路請求工具 var u 請求返回體模型 請求方式 u.get get get型別請求 u.post post post型別請求 請求的code u.statuscode success 200 開發者伺服器返回的 http 成功狀態碼 u.code succe...

釘釘小程式封裝網路請求

1 2globaldata 6 由於介面的傳參方式不同 可能是formdata形式,也可能是query形式 因此將此條件也封裝了進去7 封裝網路請求 需要手動呼叫json.stringify將資料進行序列化 19data data,20 datatype json 21 success functi...