axios 基本運用

2022-04-30 21:03:11 字數 928 閱讀 6486

axios是專門對ajax請求進行封裝的乙個外掛程式,其返回乙個promise物件,用法跟es6的promise很相似

一、安裝axios外掛程式

npm install axios

二、引入axios外掛程式

在main.js中引入,如下:

import axios from 'axios'

vue.prototype.$http = axios; // 通過原型鏈的方式這樣就可以在任何元件下呼叫axios

三、在**中執行請求,沒有配置請求方式時預設為get請求

(1)執行get請求

(2)執行post請求

如果報錯:referenceerror: $http is not defined"

需要安裝vue-resource外掛程式,然後在main.js中引入:

import vueresource from 'vue-resource';

vue.use(vueresource);

四、執行多個併發請求(同時執行多個請求語句)

function getuseraccount()

function getuserpromise()

axios.all([getuseraccount(), getuserpromise()])

.then(axios.spread(function(acct, perms)));

axios基本用法

vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...

axios基本用法

vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...

axios基本用法

vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...