尤雨溪之前在微博發布訊息，不再繼續維護vue-resource，並推薦大家開始使用 axios 。axios 是乙個基於promise 用於瀏覽器和 nodejs 的 http 客戶端，它本身具有以下特徵： npm:
1
2
3
$ npm install axios
//**源
$ cnpm install axios
bower:
1
$ bower install axios
cdn:
1
之前那個開源專案一開始就打算用axios，在網上找了好多文章與攻略，發現好多都不太詳細，所以打算自己動手配置乙個，(不要慫，擼起袖子就是幹)。我的配置：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import axios from 'axios'
import qs from 'qs'
import * as _ from '../util/tool'
axios.defaults.timeout =
5000; //響應時間
axios.defaults.headers.post[
axios.defaults.baseurl =
'你的介面位址'; //配置介面位址
//post傳參序列化(新增請求***)
axios.interceptors.request.use(
(config) =>
return config;
},(error) =>);
//返回狀態判斷(新增響應***)
axios.interceptors.response.use(
(res) =>
return res;
}, (error) => );
//返回乙個promise(傳送post請求)
export function fetch(url, params) , err => )
.catch(
(error) => )
})
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
export default ,
/**
* 使用者註冊
*/
regist(params) ,
/**
* 傳送註冊驗證碼
*/
registverificode(tellphone) )
},......
}
好了，溜了溜了。。。
AXIOS的基礎應用
基於axios傳送ajax請求，返回的結果都是乙個promise例項 ajax請求成功 網路層成功 狀態碼以2開頭 對應的promise例項也是成功 qs 中有三個方法 formats parse stringify qs.stringify 輸出結果在下 name xiaoyu age 22 qs...
axios在Vue元件中應用
vue裡面雖然有個vue resource,但是在vue2.0出來後，作者提倡用axios來做ajax,在es6的環境下，可以直接 npm install axios import axios from axios 在es5中可以直接引用 axios 裡面有幾個方法 下面就來說說axios 在vue...
axios基本介紹和簡單應用
axios是乙個基於promise的http庫，可以用在瀏覽器和node.js中 1 特徵 1 從瀏覽器中建立xmlhttprequests 2 在node.js建立http請求 3 支援promise api 4 攔截請求和響應 5 轉換請求資料和響應資料 6 取消請求 7 自動轉換json資料 ...