axios在vue中的簡單配置與使用

尤雨溪之前在微博發布訊息，不再繼續維護vue-resource，並推薦大家開始使用 axios 。

1

2 
3 

$ npm install axios

//**源
$ cnpm install axios

1

$ bower install axios

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[
'content-type'] = 
//配置請求頭
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在vue中的簡單配置與使用

尤雨溪之前在微博發布訊息，不再繼續維護vue resource，並推薦大家開始使用 axios axios 是乙個基於promise 用於瀏覽器和 nodejs 的 http 客戶端，它本身具有以下特徵 npm npm install axios cnpm install axios 源import...

axios在vue中的簡單配置與使用

一 axios 簡介 axios 是乙個基於promise 用於瀏覽器和 nodejs 的 http 客戶端，它本身具有以下特徵 三 vue中axios的配置 import axios from axios import qs from qs import as from util tool axi...

axios在vue中的使用

axios的安裝與配置 使用 npm npm install axios使用script匯入 在vue cli中使用 import axios from axios 在原型上定義方法，就可以在元件的methods中寫this.http 這個 http名字可以自己自定義，但注意不要重複衝突 vue.p...