vue-axios使用詳解
更新時間:2017年05月10日 10:51:34 作者:ABC君
本篇文章主要介紹了vue-axios使用詳解,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
vue-axios
GET請求
axios.get("/user?id=1")
.then(function(response){
})
.catch(function(error){
})
POST請求
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
合并請求
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) {
// Both requests are now complete
}));
配置
import Qs from 'qs'
{
//請求的接口,在請求的時候,如axios.get(url,config);這里的url會覆蓋掉config中的url
url: '/user',
// 請求方法同上
method: 'get', // default
// 基礎url前綴
baseURL: 'https://some-domain.com/api/',
transformRequest: [function (data) {
// 這里可以在發(fā)送請求之前對請求數據做處理,比如form-data格式化等,這里可以使用開頭引入的Qs(這個模塊在安裝axios的時候就已經安裝了,不需要另外安裝)
data = Qs.stringify({});
return data;
}],
transformResponse: [function (data) {
// 這里提前處理返回的數據
return data;
}],
// 請求頭信息
headers: {'X-Requested-With': 'XMLHttpRequest'},
//parameter參數
params: {
ID: 12345
},
//post參數,使用axios.post(url,{},config);如果沒有額外的也必須要用一個空對象,否則會報錯
data: {
firstName: 'Fred'
},
auth: {
username: 'janedoe',
password: 's00pers3cret'
},
//設置超時時間
timeout: 1000,
//返回數據類型
responseType: 'json', // default
.....等等
}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
vue-router啟用history模式下的開發(fā)及非根目錄部署方法
這篇文章主要介紹了vue-router啟用history模式下的開發(fā)及非根目錄部署方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
一文搞懂vue中provide和inject實現原理對抗平庸
這篇文章主要為大家介紹了vue中provide和inject實現原理的深入理解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04
詳解在Vue.js編寫更好的v-for循環(huán)的6種技巧
這篇文章主要介紹了詳解在Vue.js編寫更好的v-for循環(huán)的6種技巧,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
el-form的label和表單自適應填滿一行且靠左對齊方式
這篇文章主要介紹了el-form的label和表單自適應填滿一行且靠左對齊方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10

