亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue.js簡單配置axios的方法詳解

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

前言

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

它本身具有以下特征：

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

配置方法

首先用npm安裝

npm install --save axios vue-axios

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

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

然后你讀取接口數(shù)據(jù)的時候，直接就可以這樣寫，這個跟resource一個樣，我那個下面的op，uin之類的都是要傳的參數(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的時候，走這里
      });

好了，搞定！

總結(jié)

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

相關(guān)文章

最新評論