uniapp封裝網路請求

2022-08-04 01:15:21 字數 1444 閱讀 3894

在專案下新建utils資料夾,已有則不用新建,在utils資料夾下新建http.js檔案

得到傳來的引數 用params來接收,接下來先定義幾個會用到的東西

header有就傳 沒有就為空

data也是 有就傳 沒有就為空 因為get請求可以不用header 也可以不用data

請求方式不同 有get 有post等等 post的話要配置header

所以要判斷請求方式確定header的內容

content-type是以表單的方式還是以json的方式要根據和後端的約定,如果是post的話就加上這個header

發起請求的話有個載入動畫,這裡使用uni.showloading方法

接下來寫發起請求,是否驗證ssl證書的選項根據實際情況決定

所以需要判斷一下看有沒有statuscode和 statuscode是否等於200, 不等於200的時候說明是api錯誤了

當statuscode 等於200的時候是請求成功了,請求到的資料應該回傳給呼叫的地方,在呼叫的地方拿到資料後再進行處理

在請求失敗的fail裡寫上對應的處理,失敗的時候把失敗資訊回傳給呼叫的地方

在完成的complete裡關掉請求的loading

在main.js裡對http.js進行全域性的引入,引入後進行配置 這樣的話每個元件都能直接呼叫http了

在需要發請求的地方寫上

如果不需要發起請求時的loading 就寫上hideloading:true

uni app封裝網路請求promise

在專案的根目錄下,建立http資料夾。然後在建立request.js檔案 檔案 如下 export function apiapi myurl,myget,mydata,tou accept text plain 引數 header 成功使用resolve success res 失敗呼叫rejec...

uni app請求封裝

ajax封裝 在src下建立資料夾,如uilts資料夾 建立request.js檔案。用於封裝ajax請求 request.js 如下 export default function url data method get 函式裡面的形參各表示 url 將被呼叫的url形參,data 需要傳入引數的...

uniapp雲開發請求封裝

雲開發中請求中對於對多個雲函式的大段重複邏輯,還是很有必要封裝一下的 大概這樣的目錄 apis 目錄 2 file 批量引入檔案 const requestapi require.context apis false,js let modules requestapi.keys foreach ke...