欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue.js簡(jiǎn)單配置axios的方法詳解

 更新時(shí)間：2017年12月13日 15:25:11   作者：藍(lán)調(diào)爵士  
axios是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶(hù)端，下面這篇文章主要給大家介紹了關(guān)于vue.js簡(jiǎn)單配置axios的相關(guān)資料，需要的朋友們可以參考借鑒，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。

前言

官方現(xiàn)在已經(jīng)不再推薦用resource了，換了個(gè)axios，咱也不能落后，至少你得知道咋弄，面試的時(shí)候也好給面試官吹吹牛逼，廢話(huà)不多說(shuō)。

它本身具有以下特征：

  • 從瀏覽器中創(chuàng)建 XMLHttpRequest
  • 從 node.js 發(fā)出 http 請(qǐng)求
  • 支持 Promise API
  • 攔截請(qǐng)求和響應(yīng)
  • 轉(zhuǎn)換請(qǐng)求和響應(yīng)數(shù)據(jù)
  • 取消請(qǐng)求
  • 自動(dòng)轉(zhuǎn)換JSON數(shù)據(jù)
  • 客戶(hù)端支持防止 CSRF/XSRF

配置方法

首先用npm安裝

npm install --save axios vue-axios

安裝完之后，在你的main.js文件里配置，加上這兩句就好

import axios from 'axios'
Vue.prototype.$http = axios

然后你讀取接口數(shù)據(jù)的時(shí)候，直接就可以這樣寫(xiě)，這個(gè)跟resource一個(gè)樣，我那個(gè)下面的op，uin之類(lèi)的都是要傳的參數(shù)。

this.$http.post(localStorage.getItem("addUrl")+'/skynet_sync/btsp', {
       "op": "update_card_num",
       "uin": uin,
       "protypeId": index,   
       "cardNumber": parseInt(v)
      })
      .then(response=> {
      //如果接口走成功就執(zhí)行這里
      }).catch(function (error) {
      //接口失敗，也就是state不是200的時(shí)候，走這里
      });

好了，搞定！

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論