国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

VUE 更好的 ajax 上傳處理 axios.js實現代碼

2019-11-19 16:37:02
字體:
來源:轉載
供稿:網友

vue更新到2.0之后,作者就宣告不再對vue-resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。

首先就是引入axios,如果你使用es6,只需要安裝axios模塊之后

import axios from 'axios';//安裝方法npm install axios//或bower install axios

當然也可以用script引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

axios提供了一下幾種請求方式

axios.request(config)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是對一些基本信息的配置,比如請求頭,baseURL,當然這里提供了一些比較方便配置項

//configimport 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) {  // 這里可以在發送請求之前對請求數據做處理,比如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' }, //設置超時時間 timeout: 1000, //返回數據類型 responseType: 'json', // default}

有了配置文件,我們就可以減少很多額外的處理代碼也更優美,直接使用

axios.post(url,{},config)  .then(function(res){    console.log(res);  })  .catch(function(err){    console.log(err);  })//axios請求返回的也是一個promise,跟蹤錯誤只需要在最后加一個catch就可以了。//下面是關于同時發起多個請求時的處理axios.all([get1(), get2()]) .then(axios.spread(function (res1, res2) {  // 只有兩個請求都完成才會成功,否則會被catch捕獲 }));

最后還是說一下配置項,上面講的是額外配置,如果你不想另外寫也可以直接配置全局

axios.defaults.baseURL = 'https://api.example.com';axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';//當然還可以這么配置var instance = axios.create({ baseURL: 'https://api.example.com'});

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 台湾省| 东海县| 合川市| 阿巴嘎旗| 和硕县| 紫阳县| 泽库县| 吉林省| 新和县| 福鼎市| 怀宁县| 白玉县| 内丘县| 赞皇县| 文登市| 泸西县| 黎平县| 普安县| 德保县| 潍坊市| 讷河市| 铁岭市| 达尔| 连江县| 盐池县| 文成县| 毕节市| 榆树市| 邹平县| 恩平市| 客服| 晋城| 兴国县| 抚顺县| 乌兰浩特市| 庄河市| 武定县| 平定县| 石渠县| 西充县| 文水县|