給Vue原型掛載一個屬性
Vue.prototype.$axios=Axios;

全域性預設設定
Axios.defaults.baseURL='http://182.254.146.100/api'

post請求的時候，如果資料是字串，預設頭就是鍵值對
否則是物件，就是application json

this.$axios.get(url,options)
this.$axios.post(url,data,options)

//查詢字串
options:{params:{id:1},headers::{'content-type':'xxxxx'},baseURL:''}

get請求

發起個user請求，引數為指定的ID
axios.get('/user?ID=1234'
 
)
.then(function(response){
    console.log(response);
})
.catch(function(error){
    console.log(error);
})


//上面的請求也可以選擇下面的方式來寫
axios.get('/user',{
    params:{
        ID:1234
    }
})
   .then(function(response){
       console.log(response);
   })
   .catch(function(error){
       console.log(error);
   })


發起一個POST請求
axios.post('/user'
 
,{
    firstName:'firend',
    lastName:'Flintstone'

    content:'我要努力趕上她們的步伐'
},{
    //設定
    headers:{
        'content-type':'application/x-www-form-urlencoded'
    }
})
.then(function(response){
    console.log(response);
}
.catch(function(error){
    console.log(error);
})


export default{
    data(){
        return
 
{
            data:[]
        }
    },created(){
        this.$axios.get('url')
        .then(res=>{
            console.log(res);       
        })
        .catch(err=>{
            console.log(err);
        })
    }
}


axios合併請求：將兩個請求一起傳送，只要有一個失敗就算失敗，成功只有全體成功
created(){
    this.$axios.all([
      this.$axios.post('postcomment/300','content=123');
      this.$axios.get('getcomments/300?pageindex=1');
    ])
    分發響應
    .then(this.$axios.spread(getMsg))
    .catch(err=>{
        console.log(err);
    })
    function getMsg(res1,res2){
        console.log(res1);
        console.log(res2);
    }
}






axios.all([請求1，請求2])
分發響應 axios.spread(fn)
fn：對應引數(res)和請求的順序一致

應用場景：
必須保證兩次請求都成功，比如，分頭獲取省市的資料
執行特點：只要有一次失敗就算失敗，否則成功

環境上報錯：把原來的環境配置拿過來，基本上就不會出問題了的

//給Vue原型掛載一個屬性
Vue.prototype.$axios=Axios;


攔截器:相當於過濾的行為，在一次請求與響應中，添油加醋

axios.interceptor.request.use(fn)     在請求之前

function(config){   config相當於options物件
    config.headers={xxx}
}

Axios.defaults.baseURL='http://182.254.146.100:8890/api/';
//攔截器
Axios.interceptors.request.use(function(config){
    console.log(config);
    return config; //返回沒有修改的設定
})

預設設定
Axios.default.headers={
    accept:'defaults'
}


Axios.interceptors.request.use(function(config){
    console.log(config);
    return config;  return false;

    config.headers.accept:'interceptors';

    config.headers={
        accept:'interceptors'
    }
    return config;
})


this.$axios.get('url')
.then(res=>{
    console.log(res);
})
.catch(err=>{
    console.log(err);
})