axios方法封裝

2022-03-31 07:35:28 字數 840 閱讀 2726

axios方法封裝

一般情況下,我們會用到的方法有:get,post,put,patch,封裝方法如下:

五、封裝後的方法的使用

1、在main.js檔案裡引用之前寫好的檔案,我的命名為http.js

2、在需要的地方之間呼叫,如圖所示:

說明:get呼叫方法如下,其中url是介面位址

this.$get(url).then((res) );

post呼叫方法如下,其中url是介面位址,data是請求的資料。

this.$post(url,data).then();

patch呼叫方法如下,其中url是介面位址,data是請求的資料

this.$patch(url,data).then();

put呼叫方法如下,其中url是介面位址,data是請求的資料

this.$put(url,data).then();

axios請求方法封裝

axios的使用上一般封裝好對應的方法,es6匯出,直接呼叫,訊息通知使用了elementui的message元件。這是乙個封裝了axios的rest風格的工具類,包擴常用的post,get,put,delete,在請求處理上使用統一的請求攔截處理。對返回的訊息進行攔截預處理,有資料返回資料,沒有返...

封裝axios和fetch方法

比較兩種請求方式 3.比較fetch和axios fetch並沒有進行封裝,拿到就是格式化後的資料 3.更多詳情請參考 axios和fetch請求詳解 axios封裝 封裝一下axios 它是乙個函式,因為它要攜帶引數 function request then res resolve res ca...

axios 封裝 get方法和post方法

最近在做乙個實戰專案,然後需要封裝方法,我上次使用的方法都不行,或者報錯沒有定義,然後就準備去網上找,找來找去還是就這個方法。import axios from axios 返回乙個promise 傳送post請求 export function fetchpost url,params err c...