axios的例項與模組封裝

在專案中可能會出現傳送多個資料， 而這些資料可能存在某些相同的配置，這種情況下需要使用axios的全域性配置。但是，也有可能出現某些配置相同，而某些配置不相同，這時就需要使用axios的例項

建立axios的例項時需要使用**axios.create()**函式，引數對物件型別，將配置相同的屬性放入其中。當傳遞資料時呼叫例項物件，輸入各自的屬性即可

// 建立axios例項物件

const instance1 = axios.
create()
// 呼叫axios例項
instance1()
.then
(res =>);
instance1(}
).then
(res =>
);

首先在src根目錄下建立network資料夾，在資料夾內建立request.js檔案用於存放axios相關**

方式一：使用函式

request.js

import axios from

'axios'
export
function
request
(config, success, failture)
)instance1
(config)
.then
(res =>).
catch
(res =>);
}

// 模組封裝

import
from
'./network/request'
request(,
(res =>),
(res =>))
;

request.js

import axios from

'axios'
export
function
request
(config)
)instance1
(config.baseconfig)
.then
(res =>).
catch
(res =>);
}

// 模組封裝

import
from
'./network/request'
request(,
failure
(res)})
;

request.js

import axios from

'axios'
export
function
request
(config)
)instance1
(config)
.then
(res =>).
catch
(err =>)}
)}

// 模組封裝

import
from
'./network/request'
request()
.then
(res =>).
catch
(err =>
);

request.js

import axios from

'axios'
export
function
request
(config)
)return
instance1
(config)
}

// 模組封裝

import
from
'./network/request'
request()
.then
(res =>).
catch
(err =>
);

axios學習axios模組封裝思想筆記

axios初步學習筆記 回答 指往裡傳入，可以傳入物件，其他同理 then res params 專門對資料的引數進行拼接 params 樣例直接寫全稱 url 2.第二種方式 url params 跟get配合使用，requst配合data 使用 axios.all axios axios the...

封裝axios網路請求模組

core.js import axios from axios const instance axios.create 請求來接 instance.interceptors.request.use function config return config function error instan...

axios的封裝與匯出

配置axios 使用配置好的axios發請求 處理js最大安全數值 在每次請求攜帶token 響應後獲取有效資料 響應失敗token失效 todo 匯出乙個發請求的工具函式 import axios from axios import jsonbigint from json bigint impo...