Vue--axios基本使用

//安装axios  npm install axios --save

//导入 import axios from 'axios'

axios({

  url: '接口地址',//可拼接 ?参数&参数2

  method: 'get',

 params: {

    参数

  }

}).then(res =>{

  console.log(res);

})

 

 

//axios发送并发请求

axios.all([axios({

  url

}), axios(

  url

)]).then(results =>{

})

或者分别拿到各自的返回值

.then(axios.spread((res1, res2) =>{

  console.log(res1);

  console.log)(res2)

}))

 

 

//axios的全局配置

//配置url 地址

axios.defaults.baseURL = 'http...8000'

//配置超时时间

axios.defaults.timeout = 5000

 

 

解析json数据浏览器插件

JSON-handle

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

//创建对应的axios的实例--需求：一个项目不止一个地址请求 const instance1 = axios.create({     baseURL: '地址1'，     timeout: 50000 })   引用 instance1({     url: 'api接口'     params: {         page: 1     } }).then(res => {     console.log(res); }) //地址二 const instance2 = axios.create({     baseURL: '地址2'，     timeout: 50000 })   引用 instance2({     url: 'api接口'     params: {         page: 1     } }).then(res => {     console.log(res); })