為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

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

• 從瀏覽器中創(chuàng)建 XMLHttpRequest
• 從 node.js 發(fā)出 http 請求
• 支持 Promise API
• 攔截請求和響應
• 轉(zhuǎn)換請求和響應數(shù)據(jù)
• 取消請求
• 自動轉(zhuǎn)換JSON數(shù)據(jù)
• 客戶端支持防止?CSRF/XSRF

安裝Axios

我們直接使用npm install來進行安裝。

npm install axios --save

由于axios是需要打包到生產(chǎn)環(huán)境中的，所以我們使用--save來進行安裝。 也可以選擇使用cnpm來安裝，加快安裝速度。

引入Axios

只需要在需要的vue文件中引入axios就可以。

import axios from 'axios'

使用

發(fā)送一個GET請求

//通過給定的ID來發(fā)送請求 axios.get('/user?ID=12345').then(function(response){console.log(response);}).catch(function(err){console.log(err);}); //以上請求也可以通過這種方式來發(fā)送 axios.get('/user',{params:{ID:12345} }) .then(function(response){console.log(response); }) .catch(function(err){console.log(err); });

發(fā)送一個POST請求

axios.post('/user',{firstName:'Fred',lastName:'Flintstone' }) .then(function(res){console.log(res); }) .catch(function(err){console.log(err); });

一次性并發(fā)多個請求

function getUserAccount(){return axios.get('/user/12345'); } function getUserPermissions(){return axios.get('/user/12345/permissions'); } axios.all([getUserAccount(),getUserPermissions()]).then(axios.spread(function(acct,perms){//當這兩個請求都完成的時候會觸發(fā)這個函數(shù)，兩個參數(shù)分別代表返回的結(jié)果}))

?

轉(zhuǎn)載于:https://my.oschina.net/sdlvzg/blog/1798183

總結(jié)

以上是生活随笔為你收集整理的Vue-cli(四) 项目中引入Axios的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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