(二)axios

目录

一，axios的基本使用 

1.对象参数项配置方式：

2.直接调用方法方式：

3.创建axios实例对象

---

一，axios的基本使用 

Vue中使用步骤：  

                      

                          import axios from ‘axios’

                          Vue.prototype.$axios = axios

                          axios.default.baseURL=”http://.........................”

1.对象参数项配置方式：

（1）get请求：

        axios({

                method: ”get”,

                url: ”http://.........?参数”,  

        }).then(function(resp){

})

（2）post请求：

    

    axios({

                method: ”post”,

                url: ”http://.........”,

                data:{ “参数”} //设置请求体
        }).then(function(resp){

})

总结：post请求需要设置请求体，get不需要设置。

2.直接调用方法方式：

（1）get请求：

  axios.get(“url?id=12345”).then(function(res){         }    )

              或者：  

axios.get("url",{ params:{ id:12345 } } ).then(function(res){         }    )

（2）post请求：

axios.post(‘url’,{"id":01,"title":"名称"} ).then(function(res) {        }   )

 (3) console.log(axios);

 3.创建axios实例对象

const request = axios.create( {
         baseURL: 'http://....... ',
         timeout:  2000     ,        
})