axios請求五種方式

2021-10-25 18:27:23 字數 1134 閱讀 7621

axios是乙個基於promise的http庫,可以用在瀏覽器和node.js中

可以提供以下服務:

1、從瀏覽器中建立xmlhttprequests

2、從node.js建立http請求

3、支援promiseapi

4、攔截請求和響應

5、轉換請求資料和響應資料

6、取消請求

7、自動轉換json資料

8、客戶端支援防禦xsrf

1、axios的安裝: 

安裝命令; npm install axios

2、axios五種請求:

1.get: 一般多用於獲取資料  

不帶引數      

方式一: axios()

方式二: axios.get('/url')

帶引數 方式一: axios.get('/url', }) //請求的位址實際為 localhost:8080/url?id=12

方式二: axios(

})

2.post: 主要提交表單資料和上傳檔案

let data = {}

let config = {}

方式一: axios.post('/url',data,config)

方式二: axios()    

如下為: form-data

let formdata = new formdata()

let data =

for (let key in data)

axios()

該請求發出之後可以在瀏覽器中檢視此次請求的request header裡面content-type: 為 form-data形式

3.put對資料全部進行更新

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

4.patch只對更改過的資料進行更新

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

5.delete刪除請求(引數可以放在url上也可以和post一樣放在請求體中)

axios.delete('/url', })  引數在url params很重要

axios.delete('/url', }) 引數在請求體中 將params改為 data就行 

axios 跨域請求 及 axios使用方式

使用axios 1 npm install axios 2 bower install axios 3 執行get請求 為給定 id 的 user 建立請求 axios.get user?id 12345 then function response catch function error 可選地...

axios的幾種請求介面方式

axios的請求方法 get post put patch delete get 獲取資料 post 提交資料 表單提交 檔案上傳 put 更新資料 所有資料推送到後端 patch 更新資料 只將更改的資料推送到後端 delete 刪除資料 axios的get請求第一種寫法不帶引數 axios.ge...

axios請求方式和配置項

npm i axios import axios from axios get請求axios config axios url,config axios.get url,config post請求axios config axios url,config axios.post url,data,co...