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

 

//创建对应的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);
})