axios使用初涉

2022-03-12 00:18:30 字數 3847 閱讀 7902

看vue的時候,vue2.0推薦使用axios做http請求,今天就學一下axios基本使用。

安裝 axios

npm install axios

目前接觸到最多的就是**npm映象:

安裝**映象定製命令cnpm

$ npm install -g cnpm --registry=  

$ cnpm install [模組名稱] //安裝模組

$ cnpm sync connect //同步模組

//支援npm除了publish之外的所有命令

so,第一步的安裝axios你可以換成:

cnpm install axios

axios基本用法:

axios.get('')

.then(

function

(res) )

.catch(function

(error) )

axios get請求之引數寫在params裡:

axios.get('',

}).then(

function

(res) )

.catch(function

(error) )

axios post請求:

axios.post('',)

.then(

function

(res) )

.catch(function

(error) )

axios 自己配置引數生成請求:

axios(

});

多重併發請求(這個厲害):

function

getuseraccount()

function

getuserpermissions()

axios.all([getueraccount(),getuserpermissions()])

.then(axios.spread(

function

(acc,pers)));

axios提供的請求方式(對照上面的幾個例項,config配置資訊:乙個物件包含key:value格式的配置引數):

axios.request(config)

axios.get(url[,config])

axios.

delete

(url[,config])

axios.head(url[,config])

axios.options(url[,config])

axios.post(url[,data[,config]])

axios.put(url[,data[,config]])

axios.patch(url[,data[,config]])

axios.all(iterable)

axios.spread(callback)

axios 配置引數列表:

],

//請求後的資料處理

transformresponse: [function

(data){}],

//自定義的請求頭

headers:,

//url查詢物件

params:,

//查詢物件序列化函式

paramsserializer: function

(params)

//request body

data: ,

//超時設定s

timeout: 1000,

//跨域是否帶token

withcredentials: false,//

自定義請求處理

adapter: function

(resolve, reject, config){},

//身份驗證資訊

auth: ,

//響應的資料格式 json / blob /document /arraybuffer / text / stream

responsetype: 'json', //

xsrf 設定

xsrfcookiename: 'xsrf-token',

xsrfheadername: 'x-xsrf-token', //

onuploadprogress: function

(progressevent),

ondownloadprogress:

function

(progressevent){}, //

最多**數,用於node.js

maxredirects: 5, //

最大響應資料大小

maxcontentlength: 2000,

//自定義錯誤狀態碼範圍

validatestatus: function

(status),

//用於node.js

用於設定跨域請求**

proxy:

},//

用於取消請求

canceltoken: new canceltoken(function

(cancel){})

}

axios 響應資料:

中,這點需要注意

axios請求資料格式(較為關鍵的一點):

//

//瀏覽器中使用urlsearchparams

var params = new

urlsearchparams();

axios.post('/foo',params);

//

使用qs格式化資料

var qs = require('qs');

axios.post('/foo', qs.stringify());

更多詳細用法,官方文件寫的灰常灰常詳細,不必亂找資料。 官網傳送門: 

一片不錯的文件翻譯: 

初涉彙編《三》

在彙編 二 中我的說的問題,在這就不做回答了,因為乙個暫存器的來儲存資料肯定不夠用,因此,這些暫存器就可以提供空間。好了,這個彙編學習畢竟是我對彙編的個人的學習問題。現在我來說說彙編中後面的幾個標誌暫存器。標誌暫存器總共有9個,分別是cf,pf,af,zf,sf,tf,if,df,of 詳細解答,看...

初涉字尾陣列

以poj 1743為例。模板中的基數排序基於前向星。詳細證明過程詳見 演算法合集之 字尾陣列 處理字串的有力工具 非常不錯的一篇 include include include include include include include include include include inclu...

React 初涉總結

來新公司開始用 react 已經兩個多月了,當然之前我對 react 也不是一無所知的,對 react 的基礎語法 jsx virtual dom 都是有一定的了解。之前用過 angular vue,對元件化開發都掌握的很熟練了,但 react 與 angular vue 還是有較大差異的,在使用 ...