uni app中封裝統一請求函式

2022-05-19 16:32:47 字數 1325 閱讀 6989

封裝統一請求函式有利於專案的維護

整體功能簡單實用,但小編遇到乙個巨坑,專案中在vue檔案使用跳轉方法,url引數輸入 "/" 後工具提示的路徑為 "/pages/login/login",

但是在外部js檔案中使用uni跳轉的api,快捷提示的路徑為 "/pages/login/login.vue" , 這就導致實際使用找不到了,類似的情況要注意一下。

var tipmsg = res.data.msg ? res.data.msg : "暫無資料";

settimeout(

function

()) },200)

}},fail:

function

(err)

else

) }

},complete:

function

(com)

if(b.complete)}})

}module.exports =

使用方法:

1、在要使用的vue頁面中引入

2、註冊到全域性vue方法

import util from 'common/util.js'

//統一介面請求函式

vue.prototype.req = util.req;

uni app請求封裝

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

uniapp封裝網路請求

在專案下新建utils資料夾,已有則不用新建,在utils資料夾下新建http.js檔案 得到傳來的引數 用params來接收,接下來先定義幾個會用到的東西 header有就傳 沒有就為空 data也是 有就傳 沒有就為空 因為get請求可以不用header 也可以不用data 請求方式不同 有ge...

Vue中封裝Axios請求方法

import axios from axios import from element ui 網域名稱位址 axios.defaults.baseurl request 請求異常攔截 axios.interceptors.request.use config err return promise.r...