vue更新到2.0之後,作者就宣告不再對vue-resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。
首先就是引入axios,如果你使用es6,只需要安裝axios模組之後
import axios from 'axios';當然也可以用script引入 axios提供了以下幾種請求方式//安裝方法
npm install axios
//或bower install axios
axios.request(config)這裡的config是對一些基本資訊的配置,比如請求頭,baseurl,當然這裡提供了一些比較方便配置項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]])
//config有了配置檔案,我們就可以減少很多額外的處理**也更優美,直接使用import qs from 'qs'
); return data;
}],transformresponse: [function (data) ],
// 請求頭資訊
headers: ,
//parameter引數
params: ,
//post引數,使用axios.post(url,{},config);如果沒有額外的也必須要用乙個空物件,否則會報錯
data: ,
//設定超時時間
timeout: 1000,
//返回資料型別
responsetype: 'json', // default
}
axios.post(url,{},config).then(function(res))
.catch(function(err))
//axios請求返回的也是乙個promise,跟蹤錯誤只需要在最後加乙個catch就可以了。
//下面是關於同時發起多個請求時的處理
axios.all([get1(), get2()])最後還是說一下配置項,上面講的是額外配置,如果你不想另外寫也可以直接配置全域性.then(axios.spread(function (res1, res2) ));
axios.defaults.baseurl = '';本文只是介紹基本的用法,詳細看官方文件axios.defaults.headers.common['authorization'] = auth_token;var instance = axios.create();
我寫的兩個例子:
使用vue2.0+elementui+axios+vue-router:之前由於沒做後端介面,所以執行沒資料,現在加了mockjs來返回一些資料,以便於參考。
在這裡例子中pwa檔案簡單配置了一些東西,可以用於pwa應用開發的參考,文章參考
axios基本用法
vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...
axios基本用法
vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...
axios基本用法
vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...