封裝axios,這篇部落格一定很有用?

2021-08-21 08:23:12 字數 1222 閱讀 9240

axios都知道是vue2的ajax,有點不專業,但你是可以理解的;

但是只知道單純的和ajax使用,那就未免太淺了,更別說自己都工作這麼些年份了;

目錄結構嗎?

src

-api

--api.js

--http.js

只要你熟悉vue這個還用說,可以看著axios和vuex的官方文件自己動手封裝下哈;

以下是api.js的內容,這裡填寫的是專案的url欄位請求位址;認真備下課,有es6的內容;解構賦值可能會在後續的更新中說明;這裡把介面文件統一歸類,方便後續專案公升級維護;

const api= ,

senddata:

} export default api

接下來是http.js,動手了,敲打鍵盤,看著官方文件一起來封裝,哈哈,我這只是個入門的文案哦,後續的看個人的理解了,加油,同學們;

import axios from 'axios';

import qs from 'qs';

axios.defaults.baseurl = '伺服器或者你專案的後台介面位址';

axios.defaults.timeout = 5000;

// axios.defaults.headers.common['authorization'] = auth_token;

// axios.interceptors.request.use(config => )

axios.interceptors.response.use(function (res) , function (error) );

const fetch= (opts, data) => :

}if(opts.method=='get')else

let promise = new promise(function(resolve, reject)

).catch(

(response) => )})

return promise

}export default fetch;

完畢,雖然我起的名字有點洋氣,但是不要沉醉呦;fetch也是可以在vue中用的哦!大家下去可以自學下,挺不錯的;

後續我會把axioas的登入攔截和在vuex中具體使用說下,敬請更新;

頁面http呼叫

封裝好一定功能類的使用

一 封裝 繼承和多型 封裝 封裝是物件和類概念的主要特性,他是隱藏內部的實現,穩定外部介面。也就是把客觀事物封裝成抽象的類,並且類可以把自己的資料和方法讓可信的類類或者物件操作,對不可信的類和物件進行隱藏。多型 多型性是允許你將父類物件設定成為和乙個更多的的他的子物件相等的技術,賦值之後,父物件就可...

逃避不一定躲得過,面對不一定最難過

國王有七個女兒,這七位美麗的公主是國王的驕傲。她 們那一頭烏黑亮麗的長髮遠近皆知。所以國王送給她們每人一百個漂亮的髮夾。有一天 早上,大公主醒來,一如往常地用髮夾整理她的秀髮,卻發現少了乙個髮夾,於是她偷偷地到了二公主的房裡,拿走了乙個髮夾。二公主發現少了乙個髮夾,便到三公主房裡拿走乙個髮夾 三公主...

到了一定的年紀 就必須要有一定的作為嗎

你的不上進,會帶給孩子一生卑微!全國高考成績開始公布,這是今天最大的熱點。各地狀元的身份,也被 陸續報道。沒有什麼意外,狀元依舊在大城市的超級中學扎堆,家境優渥。比如,貴州的文理科狀元,都是貴陽一中的學生 再比如,四川的高分考生卓汐聰,不僅成績優異,還興趣廣泛 他愛好籃球,課餘,在藝術節中擔任主持,...