Axios用法詳解

axios是乙個非同步的http框架，可以在瀏覽器和nodejs中使用

從瀏覽器中建立 xmlhttprequests

從 node.js 建立 http 請求

支援 promise api

攔截請求和響應

轉換請求資料和響應資料

取消請求

自動轉換 json 資料

客戶端支援防禦 xsrf

axios.
request
(config)
axios.
get(url[
, config]
)axios.
delete
(url[
, config]
)axios.
head
(url[
, config]
)axios.
post
(url[
, data[
, config]])
axios.
put(url[
, data[
, config]])
axios.
patch
(url[
, data[
, config]
])

axios#request
(config)
axios#get
(url[
, config]
)axios#delete
(url[
, config]
)axios#head
(url[
, config]
)axios#post
(url[
, data[
, config]])
axios#put
(url[
, data[
, config]])
axios#patch
(url[
, data[
, config]
])

axios.create([config])

// 建立axios例項
const service = axios.
create
()

在請求或響應被 then 或 catch 處理前攔截它們。

其中service是axios例項

// request***
service.interceptors.request.
use(
config =
>
config.headers[
'content-type']=
return config
},//請求錯誤怎麼處理
error =
>
)

// response ***
service.interceptors.response.
use(
response =
>
)return promise.
reject
('error')}
else},
error =
>
catch(e
))return promise.
reject
(error)}}
if(code)).
then((
)=>)}
)}else
if(code ==
=403))
}else)}
}}else)}
return promise.
reject
(error)
})

引數

描述url

是用於請求的伺服器 url

method

是建立請求時使用的方法,預設是get

baseurl

將自動加在url前面，除非url是乙個絕對 url

transformrequest

允許在向伺服器傳送前，修改請求資料,只能用在『put』, 『post』和『patch』這幾個請求方法

transformresponse

在傳遞給 then/catch 前，允許修改響應資料 transformresponse

headers

設定自定義請求頭

params

是即將與請求一起傳送的 url 引數，必須是乙個無格式物件(plain object)或 urlsearchparams 物件

paramsserializer

是乙個負責params序列化的函式

data

請求主體被傳送的資料，只適用於這些請求方法『put』, 『post』, 和『patch』

timeout

指定請求超時的毫秒數(0 表示無超時時間)

withcredentials

表示跨域請求時是否需要使用憑證

auth

設定驗證憑證

responsetype

表示伺服器響應的資料型別，可以是『arraybuffer』, 『blob』, 『document』, 『json』, 『text』, 『stream』, 預設為json

maxcontentlength

定義允許的響應內容的最大尺寸

由於axios對所有的http請求都支援了靜態方法，那我們為什麼還需要例項呢？

主要是因為例項支援***，可以對所有的http請求方法進行攔截功能，如判斷登入狀態等，如果沒登入則自動跳轉登入頁面，同時也可以進行session超時檢測等。

axios中文說明

axios基本用法

vue更新到2.0之後，作者就宣告不再對vue resource更新，而是推薦的axios,前一段時間用了一下，現在說一下它的基本用法。首先就是引入axios,如果你使用es6，只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...

Axios用法詳解

axios基本用法

axios基本用法

axios基本用法

相關推薦