本文只是初級介紹axios最基本用法（get,post,all請求），至於擴充套件和延伸只是沒有過多贅述，更多內容可以參看axios官網。如有不周之處還請諒解。

個人建議使用npm安裝開始專案（進入到相關命令列工具中操作即可）

使用npm：

$ npm i axios

tip：

react在引進axios時所用 '' 實際為 `` 即反引號！

示例一

使用一個 GET 請求

//發起一個login請求，引數為給定的ID

axios.get('/login?ID=12345')

.then(function(res){

console.log(res);

})

.catch(

console.log(error);

});

//上面的請求也可選擇以下面的方式來改寫

axios.get('/user',{

params:{

ID:12345

}

})

.then(function(res){

console.log(res);

})

.catch(function(error){

console.log(error)

});

下面是我自己在專案裡面常用的寫法，個人覺得不錯，貢獻出來......

例如：

let idid=this.props.ID
let timestamp = Date.parse(new Date());

axios.get(`${url}/invoice/GetListNoGroup?id=${idid}&&timestamp=${timestamp}`)
.then(res=>{console.log(res.data)})
.catch(err=>console.log(err))

示例二

發起一個 POST 請求

axios.post('/reg',{

Name:'hopefullman',

pass:'123456'

})

.then(function(res){

console.log(res);

})

.catch(function(error)

console.log(error);

});

下面是我自己在專案裡面常用的寫法，個人覺得不錯，貢獻出來......

例如：

 let data={
          name:admin,
          password:password,
          }
       
        axios.post(`${url}/UserInfo/Login`,data)
        .then(res=>this.loginok(res))
        .catch(err=>this.loginerr(err))

示例三

發起一個多重併發請求

function getUser(){

return axios.get('/login/12345');

}

function getAccount(){

return axios.get('/reg/12345');

}

axios.all([getUer(),getAccount()])

.then(axios.spread(function(acc,pers){

}));

來來來補充下關於驗證伺服器的一些辦法：

來一個類似原生的：

   axios.post("http://gst.bclzdd.com/connect/token","client_id=client2&client_secret=secret&username="+username+"&password="+password+"&grant_type=password")
     .then(res=>{console.log(res)})
     .catch(err=>{console.log(err)})

來一個axios的    axios.post(`${url}/connect/token`,`client_id=client2&client_secret=secret&username=${username}&password=${password}&grant_type=password`)
     .then(res=>{console.log(res)})
     .catch(err=>{console.log(err)})