使用 cnpm 安裝 axios

cnpm install axios --save-dev

首先在 main.js 中引入 axios

import axios from 'axios'

這時(shí)候如果在其它的組件中，是無(wú)法使用 axios 命令的。所以我們將 axios 改寫為 Vue 的原型屬性

Vue.prototype.$http = axios

在 main.js 中添加了這兩行代碼之后，就能直接在組件的 methods 中使用 $http命令

例如

methods: {

? ? ? show() ?{?

? ? ? ? ? ? this.$http ({

? ? ? ? ? ? ? ? method:'get',?

? ? ? ? ? ? ? ? url:'/user',?

? ? ? ? ? ? ? ? ?data: {

? ? ? ? ? ? ? ? ? ? ? name:'virus'

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ?})

?}

配置 axios

?1.對(duì)于get請(qǐng)求

? ? ?axios.get('/user', {??

? ? ? ? params:{? ? ?

?? ? ? ? ? name:"virus"

? ? ? ? ? }? ??

})

2.對(duì)于post請(qǐng)求

axios.post('/user',{?

?? ? name:"virus"

})

3、 一次性并發(fā)多個(gè)請(qǐng)求

function getUserAccount (){

? return axios.get ('/user/12345');

}

functiongetUserPermissions(){

? return axios.get('/user/12345/permissions');

}

axios.all([getUserAccount(),getUserPermissions()])??

? .then(axios.spread(function(acct,perms){

//當(dāng)這兩個(gè)請(qǐng)求都完成的時(shí)候會(huì)觸發(fā)這個(gè)函數(shù)，兩個(gè)參數(shù)分別代表返回的結(jié)果

}))

4.axios可以通過(guò)配置（config）來(lái)發(fā)送請(qǐng)求

//發(fā)送一個(gè)`POST`請(qǐng)求

axios({? ??

? ? ?method:"POST",??

? ? ?url:'/user/1111',? ?

? ? ?data:{? ? ??

? ? ? ? ?name:"virus"

? ? ?}

});