axios的幾種請求介面方式

2021-09-26 13:06:26 字數 1291 閱讀 2314

axios的請求方法:get、post、put、patch、delete

get:獲取資料

post:提交資料(表單提交+檔案上傳)

put:更新資料(所有資料推送到後端)

patch:更新資料(只將更改的資料推送到後端)

delete:刪除資料

//axios的get請求第一種寫法不帶引數

axios.get('/data.json').then((res)=>),

//axios的get請求第一種寫法帶引數

axios.get('/data.json',

}).then((res)=>),

//axios的get請求第二種寫法不帶引數

axios().then(res=>),

//axios的get請求第二種寫法帶引數

axios(,

}).then(res=>),

//axios的post請求第一種寫法

let data =

axios.post('/post',data).then((res)=>),

//axios的post請求第二種寫法

axios().then(res=>),

//axios之put請求

axios.put('/put',data).then(res=>)

//axios之patch請求

axios.patch('/patch',data).then(res=>),

//axios之delete請求的第一種寫法

axios.delete('/delete',

}).then(res=>)

//說明:當使用第一種寫法引數為params時,請求介面時引數是放在url裡面的。

// 例:http://localhost:8080/delete?id=12,而寫成第二種方法data就不會,根據實際情況使用

//axios之delete請求的第二種寫法

axios.delete('/delete',

}).then(res=>)

Axios封裝請求後端介面

官方文件位址axios 安裝axios npm install axios在main.js中新增 import axios from axios vue.prototype.axios axios newvue 在src中新建乙個axios資料夾,建乙個http.js檔案 dialog為vant元件...

Vue axios 請求後台介面的幾種方式

2.post 方式 3.put 方式 4.patch 方式 5.delete 方式 axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中。安裝axios npm install axios 在main.js頁面引入axios,並配置預設請求介面 配置axio...

axios請求五種方式

axios是乙個基於promise的http庫,可以用在瀏覽器和node.js中 可以提供以下服務 1 從瀏覽器中建立xmlhttprequests 2 從node.js建立http請求 3 支援promiseapi 4 攔截請求和響應 5 轉換請求資料和響應資料 6 取消請求 7 自動轉換json...