Axios 基礎知識

2021-10-07 16:44:46 字數 3062 閱讀 2822

npm: $ npm install axios

cdn:

案例(get以及post請求):

get請求:

// 為給定 id 的 user 建立請求

axios.get('/user?id=12345')

.then(function (response) )

.catch(function (error) );

// 上面的請求也可以這樣做

axios.get('/user',

}).then(function (response) )

.catch(function (error) );

post請求:

axios.post('/user', )

.then(function (response) )

.catch(function (error) );

多個併發請求:

併發處理:axios.all() ; axios.spread()

axios建立例項

const instance = axios.create(

});

axios配置預設值方式以及優先順序1>.全域性的 axios 預設值

axios.defaults.baseurl = '';

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

2>.自定義例項預設值

// set config defaults when creating the instance

const instance = axios.create();

// alter defaults after instance has been created

instance.defaults.headers.common['authorization'] = auth_token;

3>.配置會以乙個優先順序進行合併。這個順序是:在lib/defaults.js找到的庫的預設值,然後是例項的defaults屬性,最後 是請求的config引數。後者將優先於前者。這裡是乙個例子:

// 此時超時配置的預設值是 `0`

var instance = axios.create();

// 覆寫庫的超時預設值

// 現在,在超時前,所有請求都會等待 2.5 秒

instance.defaults.timeout = 2500;

// 為已知需要花費很長時間的請求覆寫超時設定

instance.get('/longrequest', );

***

請求和響應***

// 新增請求***

axios.interceptors.request.use(function (config) , function (error) );

// 新增響應***

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

***的移除和例項新增

如果你想在稍後移除***,可以這樣:

const myinterceptor = axios.interceptors.request.use(function () );

axios.interceptors.request.eject(myinterceptor);

可以為自定義 axios 例項新增***

const instance = axios.create();

instance.interceptors.request.use(function () );

取消請求使用 cancel token 取消請求

1.可以使用 canceltoken.source 工廠方法建立 cancel token,像這樣:

const canceltoken = axios.canceltoken;

const source = canceltoken.source();

axios.get('/user/12345', ).catch(function(thrown) else

});axios.post('/user/12345', , )

// 取消請求(message 引數是可選的)

source.cancel('operation canceled by the user.');

2.還可以通過傳遞乙個 executor 函式到 canceltoken 的建構函式來建立 cancel token:

const canceltoken = axios.canceltoken;

let cancel;

axios.get('/user/12345', )

});// cancel the request

cancel();

C 基礎知識整理 基礎知識(2) 類

類,是物件導向語言的基礎。類的三大特性 封裝 繼承 多型。最基本的特性就是封裝性。程式設計師用程式描述世界,將世界的所有事物都看成物件,怎麼描述這個物件?那就是類了。也就是用類來封裝物件。用書上的話說,類是具有相同屬性和行為的物件的抽象。寶馬汽車 別克汽車 五菱之光汽車.基本具有相同的屬性和行為,所...

C 基礎知識整理 基礎知識(2) 類

類,是物件導向語言的基礎。類的三大特性 封裝 繼承 多型。最基本的特性就是封裝性。程式設計師用程式描述世界,將世界的所有事物都看成物件,怎麼描述這個物件?那就是類了。也就是用類來封裝物件。用書上的話說,類是具有相同屬性和行為的物件的抽象。寶馬汽車 別克汽車 五菱之光汽車.基本具有相同的屬性和行為,所...

電腦的基礎知識 電腦的基礎知識

電腦的組成部分與其作用 一 軟體系統 軟體系統的組成分別是 作業系統 應用軟體等。其應用軟體是指特定領域開發 並為特定目的服務的一類軟體。而作業系統是位於底層硬碟與使用者之間溝通的橋梁。使用者可以通過作業系統的使用者頁面,輸入命令,實現使用者需求。二 硬體系統 硬體系統是指構成計算機的物理裝置,即由...