axios请求

一、什么是axios

基于promise用于浏览器和node.js的http客户端，用于向服务器发送请求

二、使用前的安装

• npm方式

npm install axios --save

• cdn引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

• bower方式

$ bower install axios

三、使用

//发送get请求
 axios.get('http://100.205.11.32:8000')
 .then(res=>{
 console.log(res);
})
//发送post请求
axios.post('http://100.205.11.32:8000/post',{
 data：‘aaa’
})
.then(function(res){
  console.log(res);
})
.catch(function(err){
  console.log(err);
});

//多个请求合并
axios.all(
   [
  axios(),
   axios()
 ]
).then(res=>{

 })

//拦截器
export function request(config) {
  // 1. 创建 axios 的实例
  const instance = axios.create({
    baseURL: 'http://123.207.32.32:8000',
    timeout: 10000
  })

  // 2. axios 的拦截器
  //全局拦截
  // axios.interceptors
  //局部拦截
  instance.interceptors.request.use((res)=>{
    console.log('request=', res)
    return res
  },(err)=>{

  });

  instance.interceptors.response.use(res=>{
    console.log('response=', res)
  })