(新手笔记)vue安装axios

{//全局保存域名

Axios.defaults.baseURL = 'http://www.baidu.com/'

请求路径的时候就可以不用写前缀了,直接忽略

}

第一步:npm i axios -S

第二步:在index.js  或者main.js引入:

    

import Axios from 'axios'
Vue.prototype.$ajax = Axios

这是jquery

import  $ from 'jquery'

Vue.prototype.$ =$

把Axios挂载到prototype里面$ajax自己命名的,直接当ajax用

这个是jquery的方法

这个是axios的请求数据接口:

data(){

  return{

       banner:[]

}

}

axios怎么请求多条接口数据

this.$ajax.all([

         this.$ajax.all('http:XXXXXXXXXXXX'),

         this.$ajax.all('http:XXXXXXXXXXXX'),

         this.$ajax.all('http:XXXXXXXXXXXX')

]).then(this.$ajax.spread(res1,res2,res3)=>{

     console.log(res1)

console.log(res2)

console.log(res3)

}).catch((err)=>{             //请求失败

console.log(err)

})

猜你喜欢

转载自blog.csdn.net/qq_33026699/article/details/81745957