一、介紹

Axios 是一個基于 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。

可以提供以下服務(wù):

1、從瀏覽器中創(chuàng)建XMLHttpRequests

2、從node.js創(chuàng)建http請求

3、支持PromiseAPI

4、攔截請求和響應(yīng)

5、轉(zhuǎn)換請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)

6、取消請求

7、自動轉(zhuǎn)換JSON數(shù)據(jù)

8、客戶端支持防御XSRF

二:使用

1、axios的安裝:?

　　安裝命令; npm install axios

2、axios五種請求:

　　1??get: 一般多用于獲取數(shù)據(jù)　　

不帶參數(shù) 　　 方式一: axios({ methods: 'get', url: '/ulr' })
方式二: axios.get('/url') 帶參數(shù)方式一: axios.get('/url', {params: {id: 12}}) //請求的地址實際為 localhost:8080/url?id=12方式二: axios({methods: 'get',url: 'url',params: {id:12}})

　　　2??post: 主要提交表單數(shù)據(jù)和上傳文件

　　 let data = {}let config = {}方式一: axios.post('/url',data,config)方式二: axios({methods: 'post',url: '/url',data: data,config: config})
　　　　其中 data可以有兩種格式form-data(圖片上傳,文件上傳) applicition/json（目前比較流行）
上面兩種方法 都是 appliction/json格式
　　　　如下為: form-data
　　　　let formData = new FormData()
let data = {
　　　　　　id: 12
　　　　}
for (let key in data) {
　　　　 formData.append(key, data[key]) //床架form-data格式數(shù)據(jù)
}
　　　　 axios({
　　　　　　methods: 'post',
　　　　 url: '/url',
　　　　　　data: formData
　　　　 })
　　　　 該請求發(fā)出之后可以在瀏覽器中查看此次請求的request header里面content-type: 為 form-data形式

　　　3??put對數(shù)據(jù)全部進行更新

　　　　　該請求和post類似，只是請求方法不同

　　? ?4??patch只對更改過的數(shù)據(jù)進行更新

　　　　? ?該請求和post類似，只是請求方法不同

　　　5??delete刪除請求(參數(shù)可以放在url上也可以和post一樣放在請求體中)

　　　　　axios.delete('/url', {params: {id: 12}})? 參數(shù)在url params很重要

? ? ? ? ? ? ? ?axios.delete('/url', {data: {id: 12}}) 參數(shù)在請求體中 將params改為 data就行　

轉(zhuǎn)載于:https://www.cnblogs.com/webtaotao/p/11465663.html

總結(jié)

以上是生活随笔為你收集整理的axios请求五种方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。