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

2021-08-13 22:10:45 字數 1213 閱讀 5872

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

axios 是乙個基於promise 用於瀏覽器和 nodejs 的 http 客戶端,它本身具有以下特徵:

npm

$ npm install axios

$ cnpm install axios //**源

import axios from 'axios'

import qs from 'qs'

import * as _ from '../util/tool'

axios.defaults.timeout = 5000; //響應時間

axios.defaults.baseurl = '你的介面位址'; //配置介面位址

//post傳參序列化(新增請求***)

axios.interceptors.request.use((config) =>

return config;

},(error) =>);

//返回狀態判斷(新增響應***)

axios.interceptors.response.use

((res) =>

return res;

}, (error) => );

//返回乙個promise

(傳送post請求)

export

function

fetchpost

(url, params) , err => )

.catch((error) => )

})}返回乙個promise

(傳送get請求)

export

function

fetchget

(url, param) )

.then(response => , err => )

.catch((error) => )

})}

export default ,  

/*** 使用者註冊

*/regist(params) ,

/*** 傳送註冊驗證碼

*/registverificode(tellphone) )

},......

}

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

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

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...