這篇文章給大家分享的是有關(guān)vue.js如何配置axios的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了奉賢免費(fèi)建站歡迎大家使用！

配置方法

首先用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的時候，走這里
      });

感謝各位的閱讀！關(guān)于“vue.js如何配置axios”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！