為什么80%的碼農都做不了架構師？>>> ??

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

• 從瀏覽器中創建 XMLHttpRequest
• 從 node.js 發出 http 請求
• 支持 Promise API
• 攔截請求和響應
• 轉換請求和響應數據
• 取消請求
• 自動轉換JSON數據
• 客戶端支持防止?CSRF/XSRF

安裝Axios

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

npm install axios --save

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

引入Axios

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

import axios from 'axios'

使用

發送一個GET請求

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

發送一個POST請求

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

一次性并發多個請求

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){//當這兩個請求都完成的時候會觸發這個函數，兩個參數分別代表返回的結果}))

?

轉載于:https://my.oschina.net/sdlvzg/blog/1798183

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。