Axios的基本使用

2021-08-31 07:36:56 字數 1888 閱讀 7893

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

支援瀏覽器和node.js

支援promise

能攔截請求和響應

能轉換請求和響應資料

能取消請求

自動轉換json資料

瀏覽器端支援防止csrf(跨站請求偽造)

npm安裝

$ npm install axios

bower安裝

$ bower install axios

通過cdn引入

import axios from "axios"

vue.prototype.$axios = axios

mounted())

.catch(error => )

}

上面的請求也可以這樣寫:

axios.get('/user', 

}).then(function (response) )

.catch(function (error) );

axios.post('/user', )

.then(function (response) )

.catch(function (error) );

function getuseraccount() 

function getuserpermissions()

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

.then(axios.spread(function (acct, perms) ));

response由以下幾部分資訊組成

,

// 服務端返回的狀態碼

status: 200,

// 服務端返回的狀態資訊

statustext: 'ok',

// 響應頭

// 所有的響應頭名稱都是小寫

headers: {},

// axios請求配置

config: {},

// 請求

request: {}

}

為方便起見,為所有支援的請求方法提供了別名

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]])

then接收以下響應資訊

axios.get('/user/12345')

.then(function(response) );

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

// 新增請求***

axios.interceptors.request.use(function (config) , function (error) );

// 新增響應***

axios.interceptors.response.use(function (response) , function (error) );

axios的基本使用

npm install axios import vue from vue import router from router import store from store import axios from axios vue.config.productiontip false newvue ...

AXIOS基本使用

axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中。本教程比較簡單,axios確實也比較簡單,但是功能足夠強大。使用 npm npm install axios使用 bower bower install axios使用 cdn src script 為給...

axios的基本使用和封裝

get 請求 axios.get api index.json then res catch err post 請求 axios.post api getuserinfo then res catch err 併發請求 axios.all axios.get api index.json axios...