Vue使用axios進行數(shù)據(jù)異步交互的方法

更新時間：2024年01月05日 10:52:38 作者：黑夜開發(fā)者

大家都知道在Vue里面有兩種出名的插件能夠支持發(fā)起異步數(shù)據(jù)傳輸和接口交互,分別是axios和vue-resource,同時vue更新到2.0之后,宣告不再對vue-resource更新,而是推薦的axios,今天就講一下怎么引入axios,需要的朋友可以參考下

大家都知道在Vue里面有兩種出名的插件能夠支持發(fā)起異步數(shù)據(jù)傳輸和接口交互，分別是axios和vue-resource，同時vue更新到2.0之后,宣告不再對vue-resource更新，而是推薦的axios。今天就講一下怎么引入axios。

npm安裝axios

npm install --save axios

main.js中導(dǎo)入axios 并將axios掛載到vue的原型，后面就能執(zhí)行了。

import axios from 'axios'
Vue.prototype.axios = axios;

使用axios。

  this.axios.post(url,params,{
    headers: {
      'token': token,//設(shè)置header
    }
  }).then(function (result) {
		//更多處理的內(nèi)容
  }).catch(function(err){
    if(err.response) {
      console.log(err.response)
    }
  });

到此這篇關(guān)于Vue使用axios進行數(shù)據(jù)異步交互的方法的文章就介紹到這了,更多相關(guān)Vue axios數(shù)據(jù)異步交互內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue Promise解決回調(diào)地獄問題實現(xiàn)方法
這篇文章主要介紹了Vue Promise解決回調(diào)地獄問題，總的來說這并不是一道難題，那為什么要拿出這道題介紹？拿出這道題真正想要傳達的是解題的思路，以及不斷優(yōu)化探尋最優(yōu)解的過程。希望通過這道題能給你帶來一種解題優(yōu)化的思路
2023-01-01
基于Vue和ECharts實現(xiàn)定時更新與倒計時功能的實戰(zhàn)分享
在前端開發(fā)中,動態(tài)數(shù)據(jù)展示和用戶交互是構(gòu)建現(xiàn)代 Web 應(yīng)用的核心需求之一,在本篇博客中,我們將通過一個簡單的案例,展示如何在 Vue 中結(jié)合 ECharts 實現(xiàn)一個定時更新和倒計時功能,用于實時監(jiān)控和數(shù)據(jù)可視化,需要的朋友可以參考下
2025-01-01
在vue-cli搭建的項目中增加后臺mock接口的方法
這篇文章主要介紹了在vue-cli搭建的項目中增加后臺mock接口的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
Vue Render函數(shù)原理及代碼實例解析
這篇文章主要介紹了Vue Render函數(shù)原理及代碼實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下
2020-07-07
vue3簡易實現(xiàn)proxy代理實例詳解
這篇文章主要為大家詳細介紹了Python實現(xiàn)學(xué)生成績管理系統(tǒng)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03
vue項目中api接口管理總結(jié)
本篇文章給大家介紹了vue項目中API接口管理的相關(guān)知識點，以及相關(guān)JS代碼分析，有興趣的朋友參考下。
2018-04-04
vue-resourc發(fā)起異步請求的方法
這篇文章主要介紹了vue-resourc發(fā)起異步請求的方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2020-02-02
Vue滑塊驗證碼組件anji-captcha的使用案例詳解
滑塊驗證是一種常見的人機識別方法，這篇文章主要介紹了Vue滑塊驗證碼組件anji-captcha的使用,本文通過實例代碼圖文相結(jié)合給大家介紹的非常詳細，需要的朋友可以參考下
2023-05-05
vue實現(xiàn)電子時鐘效果
這篇文章主要為大家詳細介紹了vue實現(xiàn)電子時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
vue+egg+jwt實現(xiàn)登錄驗證的示例代碼
這篇文章主要介紹了vue+egg+jwt實現(xiàn)登錄驗證的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
2019-05-05