国产探花免费观看_亚洲丰满少妇自慰呻吟_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'});

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 定日县| 岑巩县| 交城县| 揭东县| 琼海市| 望奎县| 孝昌县| 新河县| 丰宁| 大连市| 柯坪县| 宁国市| 长丰县| 手游| 卫辉市| 专栏| 沛县| 儋州市| 澎湖县| 海淀区| 洛阳市| 通化县| 东台市| 稷山县| 利津县| 西昌市| 新疆| 新化县| 图木舒克市| 晋州市| 雷波县| 巴东县| 砚山县| 湘潭市| 焦作市| 霞浦县| 东乡| 淮滨县| 百色市| 永兴县| 龙胜|